問題タブ [markerspiderfier]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Google マップ MarkerCluster プラス Spiderfier
以前の Q&A は、私がマップで何をしようとしているのかの良い例を提供しましたが、自分のページに部分を統合するときに何かが明らかに欠けています。間違っています。
前回のQ&A:
MarkerClustererPlus および OverlappingMarkerSpiderfier によるポインタのオーバーラップ
ルート/ポリラインに沿った特定の距離にウェイポイントとクラスター化されたマーカーを含む方向ルートのページに取り組んでいます。そのままでも問題なく機能しますが、アイシングは Spiderfied クラスター化マーカーになります。
これまでの私のコードは次のとおりです。
google-maps-api-3 - Google Maps API Spiderfier markerclusterer - 重複するマーカーは微調整されません
Web ページで Google Maps API for Javascript を使用しています。Lat/Lng を使用して配列から複数のマーカーを作成し、他の場所で見つけた例から、意図した用途に Overlaping-marker-spiderfier と markerclusterer を使用します。
私の問題は、de-spiderfied/de-clustered のときにマーカーがまだ互いに重なっているということです。重なり合ったマーカーをクリックすると、それらが正しくスパイダー化され、それぞれが表示されます。これは、一部のマーカーが非表示/重複していてクリックしないことをエンド ユーザーが認識しないため、混乱を招きます。
Spiderfier の Nudge オプションを使用してみましたが、効果がないようです。
これらのマーカーの重複を防ぐ方法はありますか? 明確にするために、下の 2 番目のスクリーンショットに示すように、マーカーが重なっている問題を取り除こうとしていますが、複数のマーカーを表示するには、少し横に移動する必要があります。