2

カスタムスタイルのマップがあり、うまく機能しています。ページ内のいくつかのリンクを使用してマップの場所を制御できるかどうか疑問に思っていました.2つの場所があるとします.

<a href="#" id="locaation1">Location1</a>

&

<a href="#" id="locaation2">Location2</a>

次に、場所1の地図をクリックすると、その場所に移動し、場所2の同じストーリーがjqueryで可能ですか? また、各場所にもカスタム マーカーを追加できれば素晴らしいと思います。ありがとう。

4

2 に答える 2

4

はい、jquery がなくても実行できます。使用したいのは panto メソッドです。https://developers.google.com/maps/documentation/javascript/reference#Map 基本的に、事前定義された関数への呼び出しをアンカー onclick イベント (または jquery でクリック ハンドラーを使用して接続します)。

jquery を使用すると、次のようなものが必要になります。

$("#location1").click(function(){
   var pos = new google.maps.LatLng(-25.363882, 131.044922),
   g_map.panTo(pos);  //reference to globally defined google maps object
});

これは、上記のヒントを使用して簡単に改造できる Google API ドキュメントの簡単な例です。

https://google-developers.appspot.com/maps/documentation/javascript/examples/event-simple

于 2013-01-02T23:06:11.830 に答える
1

マップのインスタンスの名前が「map」の場合、次を使用できます。

<a href="#" onclick="map.setCenter(new google.maps.LatLng(lat, long))" id="location1">Location1</a>

于 2013-01-02T23:06:34.360 に答える