こんにちは私はここhttps://github.com/nlaplante/angular-google-mapsで利用可能なAngularGoogleマップライブラリを使用しています。かなり強力に見えますが、完全なドキュメントがありません...マーカーをクラスター化しようとしていますが、その方法の実用的な例が見つかりません。誰かがそれをなんとかやったのですか?
質問は少し古いですが、おそらくこれは同じ問題を抱えている人にとって役立つ可能性があります。
これが私が使用したコードからの簡単な例です:
私のコントローラーでは、次の構造でマーカー配列を生成します。
var markers = new Array();
for(var i = 0; i < someData.length; i++ ){
var newMarker = {
id: parseInt(i),
latitude: parseFloat(someData[i].latitude),
longitude: parseFloat(someData[i].longitude),
showWindow: false,
title: "Marker"+i,
}
newMarker.onClicked = function () {
alert(newMarker.id);
}
markers.push(newMarker);
}
$scope.markers = markers;
次に、ビューで:
<google-map center="map.center" draggable="true" options=map.options zoom="map.zoom">
<markers models="markers" coords="'self'" doCluster=true click="'onClicked'">
</markers>
</google-map>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加