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-markersDirektive anstelle vonng-repeatdie Single-Marker-Direktive verwenden. - Verwenden Sie in ähnlicher Weise die Pluralversion
ui-gmap-windowsum 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 auscoordsAttribut Ihres Markers. Dasselbe gilt auch für andere Attribute, wieevents,optionsusw. -
Ich nehme Ihre
LocFac.getLocations()an gibt ein Versprechen zurück - also IhreMarkersVariable wird sehr wahrscheinlich nicht richtig zugewiesen. Sie sollten besser$scope.markerszuweisen innerhalb des.thenRü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 :)