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});