arnaucube
arnaucube/commonroutesLandingPagePublic Self-hosted repository
commonroutesLandingPage/app/views/travel/travel.js
app/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
61    });