切換Google Map API 3中的位置

Question

我有一個具有自定義樣式的地圖，它的工作效果很好，我想知道是否可以使用頁面中的某些鏈接以某種方式控制地圖的位置，假設我有兩個位置，

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

＆

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

然后，當我單擊“位置1”時，地圖將轉到該位置，並且位置2的故事相同，是否可以使用jquery？ 如果我也可以在每個位置添加自定義標記，那就太好了。 謝謝。

Answer 1

是的，您甚至可以在沒有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

Answer 2

如果您的地圖實例名為“地圖”，則可以使用：

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