arnaucube
arnaucube/cellMapVisualizerPublic Self-hosted repository
cellMapVisualizer/web/views/main/main.js
web/views/main/main.jsRaw
 1'use strict';
 2
 3angular.module('app.main', ['ngRoute', 'ui-leaflet'])
 4
 5.config(['$routeProvider', function($routeProvider) {
 6  $routeProvider.when('/main', {
 7    templateUrl: 'views/main/main.html',
 8    controller: 'MainCtrl'
 9  });
10}])
11
12.controller('MainCtrl', function($scope, $http) {
13    //map
14    $scope.center = {};
15    $scope.bounds = {};
16    $scope.markers = [];
17    $scope.paths = [];
18    $scope.tiles = {
19        url: "http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
20        options: {
21            attribution: '<a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
22        }
23    };
24
25    $http.get(urlapi + 'allcells')
26        .then(function(data) {
27            console.log('data success');
28            console.log(data);
29            $scope.cells = data.data;
30            //draw markers on map
31            $scope.markers = [];
32            for (var i = 0; i < $scope.cells.length; i++) {
33                $scope.markers.push({
34                    lat: Number($scope.cells[i].lat),
35                    lng: Number($scope.cells[i].lon),
36                    message: $scope.cells[i].mcc
37                });
38                $scope.markers.push({
39                    lat: Number($scope.cells[i].lat),
40                    lng: Number($scope.cells[i].lon),
41                    message: $scope.cells[i].mcc
42                });
43            }
44
45            $scope.center = {
46                lat: (Number($scope.cells[0].lat) + Number($scope.cells[0].lat)) / 2,
47                lng: (Number($scope.cells[0].lon) + Number($scope.cells[0].lon)) / 2,
48                zoom: 4
49            };
50        }, function(data) {
51            console.log('data error');
52        });
53});