一、google map event
單擊一下marker,就會觸發click事件。拖曳當前地圖,將會觸發center_changed事件。而google.maps.addlistener監聽地圖上每乙個動作,
相應的事件處理**由使用者編寫。一下舉幾個例子,以加深理解。
(1)單擊marker改變zoom
如上圖所示,單擊london上的marker,當前的地圖的zoom改變,相應的**如下:
// zoom to 9 when clicking on marker
google.maps.event.addlistener(marker,'click',function() );
(2)pan返回marker
在本例中,單擊地圖左上角的pan的乙個角,地圖的中心發生了改變,3秒後又返回到原來的中心,這將會觸發center_changed事件。相應的**如下:
google.maps.event.addlistener(map,'center_changed',function() ,3000);
}); (3)單擊marker顯示infowindow
var infowindow = new google.maps.infowindow();
google.maps.event.addlistener(marker, 'click', function() );
(4)設定markers,並為每乙個marker開啟乙個infowindow
相關**如下:
google.maps.event.addlistener(map, 'click', function(event) );
function placemarker(location) );
var infowindow = new google.maps.infowindow();
infowindow.open(map,marker);
}以上只是幾個event處理的簡單應用,還有其他的常見事件,比如mapseventlistener,mouseevent等等,在這裡不再細講。
如果有興趣的話,請查閱相關文件。
Google Maps API 簡易教程(二)
一 google map event 單擊一下marker,就會觸發click事件。拖曳當前地圖,將會觸發center changed事件。而google.maps.addlistener監聽地圖上每乙個動作,相應的事件處理 由使用者編寫。一下舉幾個例子,以加深理解。1 單擊marker改變zoom...
Google Maps API 簡易教程(四)
google maps 型別 一 基本地圖型別 google maps api支援一下map型別 roadmap 正式的,預設為2d地圖 satellite 逼真的地圖 hybrid 逼真地圖 道路和城市名 terrain 山脈和河流地圖等等 map型別要麼在地圖properties制定,要麼呼叫m...
Google Maps API程式設計資源大全
google maps api是google自己推出程式設計api,可以讓全世界對google maps有興趣的程式設計師自行開發基於google maps的服務,建立自己的地圖 以下是我在google maps api開發過程中找到的一些api的程式設計資源,包括中文文件,中文說明,示例等等,希望...