Hier ist ein Beispiel wie das Anzeigen von Markierungen auf der Karte funktioniert. Ein paar Hinweise:
- Wenn Sie mehrere Markierungen anzeigen, verwenden Sie die
ui-gmap-markers
Direktive anstelle vonng-repeat
die Single-Marker-Direktive verwenden. - Verwenden Sie in ähnlicher Weise die Pluralversion
ui-gmap-windows
um die Fenster anzuzeigen. - Die Marker-Direktive liest die Koordinaten aus einem Objektschlüssel, den Sie ihr zur Verfügung stellen:
<ui-gmap-markers coords="'coords'" ... >
liest die Koordinaten auscoords
Attribut Ihres Markers. Dasselbe gilt auch für andere Attribute, wieevents
,options
usw. -
Ich nehme Ihre
LocFac.getLocations()
an gibt ein Versprechen zurück - also IhreMarkers
Variable wird sehr wahrscheinlich nicht richtig zugewiesen. Sie sollten besser$scope.markers
zuweisen innerhalb des.then
Rückruf Ihres API-Aufrufs wie folgt:$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; }
Wenn du danach noch Hilfe benötigst, stehe ich dir gerne zur Verfügung :)