[解決済み] Google Map API V3: マーカーにカスタムデータを追加する方法
2022-09-06 16:54:04
質問
マーカーにカスタム情報を追加して、後で使用する方法はありますか。情報ウィンドウとタイトルを持つ方法はありますが、マーカーに他の情報を関連付けたい場合はどうしたらよいでしょうか。
マーカーがクリックされると、どのマーカーがクリックされたかによってページのコンテンツが変わるので、マーカーがクリックされたら、カスタムデータを保存して取得したいのです。
ありがとうございます。
どのように解決するのですか?
GoogleマーカーはJavaScriptのオブジェクトなので、カスタム情報をフォームに追加することができます。
key: value
ここで key は有効な文字列です。これらは
オブジェクトプロパティ
と呼ばれ、様々な方法でアプローチすることができます。値は、数値や文字列のような単純なものから、関数、あるいは他のオブジェクトまで、合法的なものであれば何でもかまいません。3つの簡単な方法:宣言、ドット記法、角括弧の中
var markerA = new google.maps.Marker({
map: map,
position: new google.maps.LatLng(0, 0),
customInfo: "Marker A"
});
var markerB = new google.maps.Marker({
map: map,
position: new google.maps.LatLng(-10, 0)
});
markerB.customInfo = "Marker B";
var markerC = new google.maps.Marker({
map: map,
position: new google.maps.LatLng(-20, 0)
});
markerC['customInfo'] = "Marker C";
次に、同様の方法で取得する場合。
google.maps.event.addListener(markerA, 'click', function() {
alert(this.customInfo);
});
関連
-
[解決済み】ReferenceError: google is not defined
-
[解決済み] ReferenceError: googleは定義されていません。
-
[解決済み] Google Maps JS API v3 - シンプルな複数マーカーの例
-
[解決済み] Google Maps APIでマウスのスクロールホイールによる拡大縮小を無効にする方法
-
[解決済み】Google Maps API v3で複数のマーカーを持つ地図を自動中心化する。
-
[解決済み] Google Mapsのマーカーの色を変更するにはどうしたらいいですか?
-
[解決済み] Google Maps V3 - 指定した境界線に対するズームレベルの計算方法
-
[解決済み] Google Maps Android API v2 - インタラクティブ インフォウィンドウ (オリジナルのGoogleマップのような)
-
[解決済み] GISサービスにおける緯度・経度タプルの記述順の優先度について
-
[解決済み] Google Maps: 緯度/経度を指定して国、州、地域、都市を取得する方法とは?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Google Maps APIの警告。NoApiKeys
-
[解決済み] Googleマップのtransit_stationにはバスステーションも表示される
-
[解決済み] google map API 拡大範囲
-
[解決済み] Android StudioのデバッグモードでSHA-1フィンガープリント証明書を取得する方法を教えてください。
-
[解決済み] 住所をGoogleマップのリンクに変換する方法(NOT MAP)
-
[解決済み] Google Mapsのマーカーの色を変更するにはどうしたらいいですか?
-
[解決済み] Google MapsのURLでlat-lonに移動するには、どのようなパラメータを使用すればよいですか?
-
[解決済み] Google Maps V3 - 指定した境界線に対するズームレベルの計算方法
-
[解決済み] Google Maps API - 住所の座標を取得する
-
[解決済み] Google Maps: 緯度/経度を指定して国、州、地域、都市を取得する方法とは?