[解決済み] Google maps API V3 - 同一地点に複数のマーカーを設置する。
2022-07-07 20:17:27
質問
この1つでビットスタック。 私はJSONを介してジオコードのリストを取得し、それらをGoogleマップにポップアップ表示します。 まったく同じ場所に 2 つ以上のマーカーがある場合を除き、すべてうまくいっています。 APIは、1つのマーカー(一番上のマーカー)だけを表示します。 これは十分に公平だと思いますが、どうにかしてすべてを表示する方法を見つけたいと思っています。
Google で検索して、いくつかのソリューションを見つけましたが、それらはほとんど API の V2 用であるか、またはそれほど優れていないようです。 理想的には、ある種のグループ マーカーをクリックすると、すべてのマーカーがスポットの周りに集まって表示されるようなソリューションを希望しています。
どなたか、この問題または類似の問題をお持ちで、解決策を共有したいと思われる方はいらっしゃいますか?
どのように解決するのですか?
を見てみましょう。
オーバーラッピングマーカースパイダーフィアー
.
デモページがありますが、全く同じ場所にあるマーカーは表示されず、非常に近い場所にあるものだけが表示されます。
しかし、まったく同じ場所にマーカーがある実際の例は、次のサイトで見ることができます。 http://www.ejw.de/ejw-vor-ort/ で見ることができます (マップをスクロールダウンして、いくつかのマーカーをクリックするとスパイダー効果を見ることができます)。
これはあなたの問題に対する完璧な解決策のように思えます。
関連
-
[解決済み] Google Maps JS API v3 - シンプルな複数マーカーの例
-
[解決済み] Google Maps APIでマウスのスクロールホイールによる拡大縮小を無効にする方法
-
[解決済み】Google Maps API 3 - デフォルト(ドット)マーカーにカスタムマーカー色を付ける
-
[解決済み】Google Maps API v3で複数のマーカーを持つ地図を自動中心化する。
-
[解決済み] Google Maps API v2: マーカーをクリックできるようにするには?
-
[解決済み] jQuery UI - 外でクリックされたらダイアログを閉じる
-
[解決済み] async-await from functionを使用して非同期関数から値を返すには?重複
-
[解決済み] JavaScript 予期せぬ事態に対する可能な反復処理
-
[解決済み] Firefox で ES2015 のインポートが機能しない(トップレベルでも)。
-
[解決済み] AngularJS - $http.postがJSONの代わりにリクエストパラメータを送信する方法はありますか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] モバイルWeb HTML5フレームワークの選び方【終了しました
-
[解決済み] <noscript> の反対語のHTMLはありますか?
-
[解決済み] マングース ユーザーの全リストを取得する
-
[解決済み] SVG のテキスト要素の幅を取得する
-
[解決済み] Bootstrap モーダル:トグル時に背景がトップにジャンプする
-
[解決済み] node.js シェルコマンドの実行
-
[解決済み] バックボーンビュー。親からイベントを継承・拡張する
-
[解決済み] async-await from functionを使用して非同期関数から値を返すには?重複
-
[解決済み] WebP サポートの検出
-
[解決済み] JavaScriptの関数の順番:なぜそれが重要なのか?