122

後で使用するためにマーカーにカスタム情報を追加する方法はありますか？情報ウィンドウとタイトルを設定する方法はいくつかありますが、マーカーを他の情報に関連付けたい場合はどうすればよいですか。

マーカーに依存する他のものがページに表示されているので、マーカーがクリックされると、クリックされたマーカーに応じてページのコンテンツを変更する必要があります。マーカーが表示されたら、カスタムデータを保存および取得したいと思います。クリックなど。

ありがとう

4

2 に答える 2

225

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);
});
于 2012-07-07T20:53:38.210 に答える
14

独自のカスタムプロパティをマーカーに追加できます（APIのプロパティと競合しないように注意してください）。

于 2012-07-07T20:53:14.510 に答える