Google Map Clusterer

Question

いくつかのマーカーでクラスタマーカーが正常に機能していますが、領域が溢れすぎてもクラスターは表示されません。私はJavascript APIを使用しています。

this.map = new google.maps.Map(map, mapOptions); 
    this.markers = data.map((location) => { 
    if (location.location === null) return 
    const marker = new google.maps.Marker({ 
     position: { lat: location.location.coordinates[0], lng: location.location.coordinates[1]}, 
     map: this.map 
    }); 
    return marker 
    }); 
    const markerCluster = new MarkerClusterer(this.map, this.markers, { 
    imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' 
    }); 

私は画像を投稿しますが、私はもっと評判が必要です。

私はヒートマップに切り替えるか、これはクラスターライブラリの既知の制限であるべきでしょうか？

EDIT は、それは私が179にマーカーの量を制限するとき、それはそれらすべてをクラスタリングし、私は180に制限したときに、第180がクラスタ外に配置されているようだ180個のマーカーの制限はでありません

Answer 1

MarkerClustererライブラリ。 this exampleを見ると、gridSizeに応じて400以上のマーカーがクラスタリングされています。

あなたのgridSizeは小さすぎてはいけません。したがって、マーカーのより大きな領域がクラスタリングされますが、あなたの例ではうまくいくはずのデフォルトのオプションを使用しているようです。

マーカーを作成するときにマップを定義する必要はありません。マーカーのクラスターは地図上にマーカーを表示します。

• gridSize：ピクセル単位でのクラスタのグリッドサイズ

  this.markers = []; 
  data.forEach(function(entry) { 
      if (entry.location === null) return 
      marker = new google.maps.Marker({ 
       position: { 
        lat: location.location.coordinates[0], 
        lng: location.location.coordinates[1] 
       } 
      }); 
      markers.push(marker); 
  }); 
  markerCluster = new MarkerClusterer(this.map, this.markers, { 
      imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' 
  }); 
  

  また、あなたのニーズに合わせて設定するには、markerClustererの次のオプションをチェックしてください。

• maxZoom：マーカーがクラスタの一部になることができる最大ズームレベル。
• minimumClusterSize： クラスタ内にあるマーカーの最小数で、マーカーが非表示になり、カウントが表示されます。