Hier is een voorbeeld van hoe het weergeven van markeringen op de kaart werkt. Een paar tips:
- Gebruik bij het weergeven van meerdere markeringen de
ui-gmap-markers
richtlijn in plaats vanng-repeat
de richtlijn voor enkele markeringen. - Gebruik op dezelfde manier de meervoudsversie
ui-gmap-windows
om de vensters te tonen. - De markeringsrichtlijn leest de coördinaten van een objectsleutel die u eraan geeft:
<ui-gmap-markers coords="'coords'" ... >
leest de coördinaten van decoords
attribuut van uw marker. Hetzelfde geldt ook voor andere attributen, zoalsevents
,options
enz. -
Ik neem aan dat je
LocFac.getLocations()
geeft een belofte terug - dus uwMarkers
variabele wordt zeer waarschijnlijk niet correct toegewezen. U kunt beter$scope.markers
. toewijzen binnen de.then
callback van uw API-aanroep als volgt:$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; }
Als je hierna nog steeds hulp nodig hebt, zal ik je graag wat helpen :)