Berikut ini contohnya tentang bagaimana menampilkan penanda pada peta bekerja. Beberapa petunjuk:
- Saat menampilkan beberapa penanda, gunakan
ui-gmap-markers
direktif alih-alihng-repeat
menggunakan petunjuk penanda tunggal. - Demikian pula, gunakan versi jamak
ui-gmap-windows
untuk menampilkan jendela. - Direktif markers membaca koordinat dari kunci objek yang Anda berikan padanya:
<ui-gmap-markers coords="'coords'" ... >
membaca koordinat daricoords
atribut penanda Anda. Hal yang sama juga berlaku untuk atribut lain, sepertievents
,options
dll. -
Saya berasumsi
LocFac.getLocations()
. Anda mengembalikan janji - dengan demikianMarkers
. Anda variabel sangat mungkin tidak ditugaskan dengan benar. Anda sebaiknya menetapkan$scope.markers
di dalam.then
panggilan balik panggilan API Anda sebagai berikut:$scope.markers = []; // init markers to empty array so angular-google-maps has something to draw markers from LocFac.getLocations().then(function(data) { var markers = data.data; angular.forEach(markers, function(marker) { // Assign 'coords' attribute here for the directive to read marker.coords = { latitude: marker.latitude, longitude: marker.longitude } }) $scope.markers = markers; }
Jika Anda masih membutuhkan bantuan setelah ini, saya akan dengan senang hati memberikannya :)