I stumbled open Google Maps for AngularJS and thought it could be a good approach for working with google maps on a mobile cross-device app (I’m using the Ionic Framework). I’d like to load locations from a server, filter them, use custom markers and info bubbles, create routes with navigation steps, etc.<\/p>\n
I wonder why do I need this:<\/p>\n
\n\n<\/code><\/pre>\nsince I’m already able to do the stuff I intend to using only the Google Maps API (without Ionic or Angular, though).<\/p>\n
Actually, using the Google Maps for AngularJS method, I’m running through some issues, for example, this doesn’t work:<\/p>\n
$scope.map.setCenter(new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude));<\/code><\/p>\nIt returns Uncaught TypeError: undefined is not a function<\/code><\/p>\nThis does not work either:<\/p>\n
$scope.map.control.refresh({latitude: pos.coords.latitude, longitude: pos.coords.longitude});<\/code><\/p>\nIt returns: Uncaught TypeError: Cannot read property 'refresh' of undefined<\/code><\/p>\nHere’s the code from the controller:<\/p>\n
.controller('MapCtrl', function($scope) {\n\n $scope.map = {\n center: {\n latitude: 45,\n longitude: -73\n },\n zoom: 8\n };\n\n $scope.centerMap = function () {\n if (!$scope.map) {\n return;\n }\n\n navigator.geolocation.getCurrentPosition(function (pos) {\n \/\/console.log('Got pos', pos.coords.latitude, \", \", pos.coords.longitude); \/\/ ok\n \/\/$scope.map.setCenter(new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude)); \/\/ does not work\n \/\/$scope.map.control.refresh({latitude: pos.coords.latitude, longitude: pos.coords.longitude}); \/\/ does not work\n\n }, function (error) {\n alert('Unable to get location: ' + error.message);\n });\n };\n})\n<\/code><\/pre>\nAnd inside the view:<\/p>\n
\n\n<\/code><\/pre>\nI know the obvious, philosophical answer is: “if you don’t need it don’t use it” but I feel I’m missing some basic stuff here and I want to have a deeper understanding on the subject.<\/p>\n
Any help will be greatly appreciated.<\/p>\n
ps:<\/p>\n
i’m very new to Angular (and many concepts it relies on), so that’s probably the main reason behind my confusion. if there’s anything wrong with this post (too vague, or i’m too lazy) i’d be happy to be notified.<\/p>\n
ps 2:<\/p>\n
I got it to work using:<\/p>\n
$scope.map.center.latitude = 45; $scope.map.center.longitude = -74;<\/p>\n
I don’t understand why the following example, as in AngularGoogleMaps API docs, doesn’t work for me:<\/p>\n
$scope.map.control.refresh({latitude: 32.779680, longitude: -79.935493});<\/code><\/p>\nActually $scope.map.control<\/code> returns undefined<\/code> in my code.<\/p>\nps 3:<\/p>\n
I actually have 2 questions in one here: one about centering the map and another vague one about the use of the AngularJS Google Maps API, for which I had great answers – so, sorry for the mess, I’m deleting this thread.<\/p>\n","protected":false},"excerpt":{"rendered":"
I stumbled open Google Maps for AngularJS and thought it could be a good approach for working with google maps on a mobile cross-device app (I’m using the Ionic Framework). I’d like to load locations from a server, filter them, use custom markers and info bubbles, create routes with navigation steps, etc. I wonder why […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7819","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/7819","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/comments?post=7819"}],"version-history":[{"count":0,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/7819\/revisions"}],"wp:attachment":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/media?parent=7819"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/categories?post=7819"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/tags?post=7819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}