Google Maps API 簡易教程(二)

2022-03-11 07:52:45 字數 1119 閱讀 3680

一、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的程式設計資源,包括中文文件,中文說明,示例等等,希望...