MongoDB
 sql >> Datenbank >  >> NoSQL >> MongoDB

Angular Google Maps/NodeJS:Markierungen aus Datenbank anzeigen

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 von ng-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 aus coords Attribut Ihres Markers. Dasselbe gilt auch für andere Attribute, wie events , options usw.
  • Ich nehme Ihre LocFac.getLocations() an gibt ein Versprechen zurück - also Ihre Markers 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 :)