[解決済み] Google Maps API v3でInfoWindowを1つだけ表示させる
2023-04-01 04:13:21
質問
Google マップ上で開いている情報ウィンドウは 1 つだけである必要があります。新しいウィンドウを開く前に、他のすべてのインフォ ウィンドウを閉じる必要があります。
どなたか、これを行う方法を教えていただけませんか?
どのように解決するのですか?
1つだけ
InfoWindow
オブジェクトを作成し、それへの参照を保持し、すべてのマーカーで再利用する必要があります。
Google Maps API Docs からの引用です。
:
一度に 1 つの情報ウィンドウだけを表示したい場合 (Google Maps での動作と同様)、情報ウィンドウを 1 つ作成するだけでよく、マップ イベント (ユーザーのクリックなど) に応じて別の場所やマーカーに再割り当てすることができます。
そのため、単純に
InfoWindow
オブジェクトを作成し、その後に
click
イベントハンドラを次のように処理します。というマーカーがあるとします。
someMarker
:
google.maps.event.addListener(someMarker, 'click', function() {
infowindow.setContent('Hello World');
infowindow.open(map, this);
});
次に
InfoWindow
を呼び出すことなく、新しいマーカーをクリックすると自動的に閉じるはずです。
close()
メソッドを呼び出すことなく、新しいマーカーをクリックすると自動的に閉じます。
関連
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] なぜGoogleはJSONレスポンスにwhile(1);を前置するのでしょうか?
-
[解決済み] event.preventDefault() vs. return false
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] JavaScriptの配列で一意な値をすべて取得する(重複を排除する)。
-
[解決済み] Google Maps JS API v3 - シンプルな複数マーカーの例
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
-
[解決済み】オブジェクトの配列を文字列のプロパティ値でソートする
-
[解決済み] Javascript の parseInt() で先頭のゼロを削除する。
-
[解決済み] querySelectorAllがない場合、ライブラリを使用せずに属性で要素を取得する?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Javascriptによるタッチスクリーンデバイスの検出
-
[解決済み] jqueryでdivの要素がオーバーフローしていないかチェックする
-
[解決済み] URL/アドレスバーからJavascriptの関数を呼び出す
-
[解決済み] JavaScriptのtoString()関数をオーバーライドして、デバッグ用に意味のある出力を提供することは可能でしょうか?
-
[解決済み] moment.jsでミュータビリティを回避するには?
-
[解決済み] AJAX Mailchimp サインアップフォームの統合
-
[解決済み] jQueryで入力ファイルが空かどうかをチェックする方法
-
[解決済み] 文字列とラベルのローカライズとグローバリゼーションのベストプラクティス【終了しました
-
[解決済み] jQueryを使用して、すべてのクリックイベントハンドラを削除するにはどうすればよいですか?
-
[解決済み] これは純関数ですか?