added some better maps stuff

This commit is contained in:
Devin Smith 2014-11-22 12:31:42 -08:00
parent 6204686213
commit c24324f2f3
2 changed files with 32 additions and 3 deletions

View File

@ -31,18 +31,25 @@ NGApp.controller('StaffInfoCtrl', function ($rootScope, $scope, $routeParams, $l
$scope.$watch('staff', function() {
console.log('staff');
update();
});
$scope.$watch('map', function() {
update();
console.log('map');
//update();
});
var update = function() {
if (!$scope.map || !$scope.staff) {
return;
}
var myLatlng = new google.maps.LatLng(parseFloat($scope.staff.lat), parseFloat($scope.staff.lon));
if (marker) {
marker.setMap(null);
}
var myLatlng = new google.maps.LatLng(parseFloat($scope.staff.location.lat), parseFloat($scope.staff.location.lon));
var params = {
map: $scope.map,
position: myLatlng,
@ -54,7 +61,8 @@ NGApp.controller('StaffInfoCtrl', function ($rootScope, $scope, $routeParams, $l
$scope.$on('mapInitialized', function(event, map) {
$scope.map = map;
update();
MapService.style(map);
//update();
});
});

View File

@ -21,6 +21,27 @@ NGApp.factory('MapService', function($rootScope, $resource, $routeParams) {
}
}
};
service.styles = {
cockpit: [
{"featureType":"water","elementType":"geometry","stylers":[{"color":"#333739"}]},
{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#265754"}]},
{"featureType":"poi","stylers":[{"color":"#31736e"},{"lightness":-7}]},
{"featureType":"road.highway","elementType":"geometry","stylers":[{"color":"#3baaa3"},{"lightness":-28}]},
{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#3baaa3"},{"visibility":"on"},{"lightness":-15}]},
{"featureType":"road.local",
"elementType":"geometry","stylers":[{"color":"#308a84"},{"lightness":-18}]},
{"elementType":"labels.text.fill","stylers":[{"color":"#ffffff"}]},
{"elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},
{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#38a9a1"},{"lightness":-34}]},
{"featureType":"administrative","elementType":"geometry","stylers":[{"visibility":"on"},{"color":"#388a84"},{"weight":0.8}]},
{"featureType":"poi.park","stylers":[{"color":"#225652"}]},
{"featureType":"road","elementType":"geometry.stroke","stylers":[{"color":"#308a84"},{"weight":0.1},{"lightness":10}]}],
};
service.style = function(map) {
map.setOptions({styles: service.styles.cockpit});
};
return service;
} );