私はAngular 4
,Google Maps v3
、およびマーカーClusterer v2
を使用しています。つまり、基本的にそれぞれのライブラリの最新バージョンです。私は、マーカをクラスタ化してクラスタ化しないように、公式のGoogleマップのドキュメントにある簡単な例(https://developers.google.com/maps/documentation/javascript/marker-clustering)に従っています。"Un-Clustering"にないGoogleマップマーカー
マップのInit、ここで何も特別:初期化で呼び出さ
public ngOnInit(): void {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 7,
center: {lat: 41.85, lng: -87.65}
});
this.generateMockPinResultsResponse(10000, map);
}
この関数は、単にサンプルピンの束を生成します。
public generateMockPinResultsResponse(nMarkers, map): void {
let component = this;
var markers = [];
for (var i = 0; i<nMarkers; i++){
let latitude: number = this.getRandomUsLat();
let longitude: number = this.getRandomUsLng();
var marker = new google.maps.Marker({
position: { lat: latitude, lng: longitude },
map: map
});
markers.push(marker);
}
var markerCluster = new MarkerClusterer(map, markers);//
}
上記は限り実際に関連するすべてのコードです知っている。私のマーカはクラスタ化しますが、クラスタ化されません。理由はわかりません。私のセミワーキングコードはPLUNK、コードスニペットはapp.ts
ファイルです。
編集:マップは、より小さいクラスターにクラスタ化されず、個々のピンにクラスタ化されません。
適切なクラスタマーカーイメージでこれを実行しようとしましたか?私はそれがクラスタマーカー画像をロードしようとするが、ファイルが見つからないためにクラッシュする問題があるかもしれないと考えている。 –
私はそれを試します/ポストの長さ – VSO