Q&A
前提・実現したいこと
現在Maps JavaScript APIで、過去いた場所にマーカーを地図に立てて、マーカーが近い場合は結合してクラスター表示するシステムを作成しています。
システム用途としてマーカーを結合する数はそこまで多くないため、アイコン変化する時のマーカー結合数を自分で設定したいと思っています。
マーカー結合数によるアイコン変化の条件を変更するには、MarkerClusterインスタンス生成時にどのような設定を行えば良いでしょうか？
次のような感じに設定できればと思っています。(アイコンは公式デフォルト)
- 1~10件：青アイコン (m1.png)
- 11~20件：黄アイコン (m2.png)
- 21~30件：赤アイコン (m3.png)
- 31~40件：ピンクアイコン (m4.png)
- 41~：紫アイコン (m5.png)
確認したこと
デフォルトでは、マーカー結合件数の桁によってアイコンが変化するのは確認しました。
ex). 1桁台->青、2桁台->黄色、 3桁台->赤 ...
補足情報（FW/ツールのバージョンなど）
https://developers.google.com/maps/documentation/javascript/marker-clustering#understanding-marker-clustering
JavaScript
Vue.js
vue2-google-maps
回答1件
0
ベストアンサー
minimumClusterSizeとかgridSizeを変更すれば出来そうな気がします。
【AngularJSを使ってGoogleマップ（５）重複して表示されるマーカーをクラスター化する方法 | VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまで】
http://wordpress.honobono-life.info/code/angularjsを使ってgoogleマップ（５）重複して表示されるマ/
マーカーの計算方法を変更することができるようになっているので、そこを自作すれば変更できると思います。（以前 似たような質問に回答していたのですが、現在その記憶がありません）
【Google API - Google MapsのMarkerClustererのアイコン｜teratail】
https://teratail.com/questions/51120
【MarkerClusterer for Google Maps v3 version 1.0 Reference】
https://googlemaps.github.io/js-marker-clusterer/docs/reference.html
投稿2019/06/26 08:28
総合スコア69398
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/07/01 02:44 編集