ここに例があります マップ上にマーカーを表示する方法の概要。いくつかの指針:
- 複数のマーカーを表示する場合は、
ui-gmap-markers
を使用してくださいng-repeat
の代わりにディレクティブ 単一のマーカーディレクティブを使用します。 - 同様に、複数形の
ui-gmap-windows
を使用します ウィンドウを表示します。 - markersディレクティブは指定されたオブジェクトキーから座標を読み取ります:
<ui-gmap-markers coords="'coords'" ... >
coords
から座標を読み取ります マーカーの属性。events
などの他の属性についても同じことが言えます 、options
など -
LocFac.getLocations()
だと思います 約束を返します-したがって、Markers
変数が正しく割り当てられていない可能性があります。$scope.markers
を割り当てる方がよいでしょう.then
内 次のようなAPI呼び出しのコールバック:$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; }
この後もサポートが必要な場合は、喜んで提供させていただきます:)