2013-01-02 51 views
2

我有一個自定義樣式的地圖,它的工作很好, 我想知道如果我能以某種方式控制地圖的位置使用我的網頁中的一些鏈接, 假設我有2個位置,我想有切換位置在谷歌地圖api 3

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

&

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

後來,當我在的位置單擊1張地圖去到該位置,而同樣的故事位置2,是否有可能與jQuery? 如果我也可以將自定義標記添加到每個位置,這也會很棒。 謝謝。

+0

需要顯示您的地圖初始化代碼才能夠添加標記 – charlietfl

回答

4

是的,你甚至可以做到沒有jQuery,panto方法就是你想要的,https://developers.google.com/maps/documentation/javascript/reference#Map基本上,只需將一個預定義的函數添加到你的anchor onclick事件中(或者使用jquery中的click處理程序它)。使用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 
}); 

這裏是可以很容易地使用我上面提供的線索進行改進谷歌的API文檔一個簡單的例子:

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

+0

謝謝,正是我想要的! –

+0

歡迎您!樂意效勞。 – javram

1

如果您的地圖實例被命名爲「地圖」,您可以使用:

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