Vinklade Google Maps/NodeJS:Visa markörer från databasen

Här är ett exempel hur visning av markörer på kartan fungerar. Ett par tips:

• När du visar flera markörer, använd ui-gmap-markers direktiv istället för ng-repeat ing av direktivet om enkelmarkör.
• Använd på liknande sätt pluralversionen ui-gmap-windows för att visa fönstren.
• Markördirektivet läser koordinaterna från en objektnyckel som du tillhandahåller den:<ui-gmap-markers coords="'coords'" ... > läser koordinaterna från coords din markörs attribut. Detsamma gäller andra attribut, som events , options etc.

• Jag antar att din LocFac.getLocations() returnerar ett löfte - alltså dina Markers variabeln tilldelas mycket troligt inte korrekt. Det är bättre att tilldela $scope.markers inuti .then återuppringning av ditt API-anrop enligt följande:

  $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;
  }
  

Om du fortfarande behöver hjälp efter detta, hjälper jag gärna till :)