commonroutesAdminWeb/views/travel/travel.js
views/travel/travel.jsRaw
1'use strict';
2
3angular.module('app.travel', ['ngRoute', 'ui-leaflet'])
4
5 .config(['$routeProvider', function($routeProvider) {
6 $routeProvider.when('/travel/:travelid', {
7 templateUrl: 'views/travel/travel.html',
8 controller: 'TravelCtrl'
9 });
10 }])
11
12 .controller('TravelCtrl', function($scope, $http, $routeParams,
13 leafletData, leafletBoundsHelpers) {
14 $scope.travel = {};
15
16
17 //map
18 $scope.center = {
19 /*lat: 0,
20 lng: 0,
21 zoom: 1*/
22 };
23 $scope.bounds = {};
24 $scope.markers = [];
25 $scope.tiles = {
26 url: "http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
27 options: {
28 attribution: '<a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
29 }
30 };
31
32 $http.get(urlapi + 'travels/id/' + $routeParams.travelid)
33 .then(function(data, status, headers, config) {
34 console.log('data success');
35 console.log(data);
36
37 $scope.travel = data.data;
38
39 //map
40 $scope.markers = [];
41 $scope.markers.push({
42 lat: Number($scope.travel.from.lat),
43 lng: Number($scope.travel.from.long),
44 message: $scope.travel.from.name
45 });
46 $scope.markers.push({
47 lat: Number($scope.travel.to.lat),
48 lng: Number($scope.travel.to.long),
49 message: $scope.travel.to.name
50 });
51 $scope.center = {
52 lat: (Number($scope.travel.from.lat) + Number($scope.travel.to.lat)) / 2,
53 lng: (Number($scope.travel.from.long) + Number($scope.travel.to.long)) / 2,
54 zoom: 4
55 };
56 }, function(data, status, headers, config) {
57 console.log('data error');
58 });
59
60 });