Google 地圖事件
點擊標記縮放地圖 - 綁定在google地圖上的事件。
點擊標記縮放地圖
我們仍然使用上一遍文章使用的英國倫敦的地圖。
點用戶點擊標記時實現縮放地圖的功能(點擊標記時綁定地圖縮放事件)。
代碼如下：
實例
// Zoom to 9 when clicking on marker
google.maps.event.addListener(marker,'click',function() {
? map.setZoom(9);
? map.setCenter(marker.getPosition());
? });
嘗試一下 ? 使用 addListener() 事件處理程序來注冊事件的監聽。該方法使用一個對象，一個事件來監聽，當指定的事件發生時 函數將被調用。
重置標記
我們通過給地圖添加事件處理程序來改變 'center' 屬性，以下代碼使用 center_changed 事件在3秒后標記移會中心點:
實例
google.maps.event.addListener(map,'center_changed',function() {
? window.setTimeout(function() {
??? map.panTo(marker.getPosition());
? },3000);
});
嘗試一下 ?
點擊標記時打開信息窗口。
點擊標記在信息窗口顯示一些文本信息：
實例
var infowindow = new google.maps.InfoWindow({
? content:"Hello World!"
? });
google.maps.event.addListener(marker, 'click', function() {
? infowindow.open(map,marker);
? });
嘗試一下 ?
設置標記及打開每個標記的信息窗口
當用戶點擊地圖時執行一個窗口
用戶點擊地圖某個位置時使用 placeMarker() 函數在指定位置上放置一個標記，并彈出信息窗口：
實例
google.maps.event.addListener(map, 'click', function(event) {
? placeMarker(event.latLng);
? });
function placeMarker(location) {
? var marker = new google.maps.Marker({
??? position: location,
??? map: map,
? });
? var infowindow = new google.maps.InfoWindow({
??? content: 'Latitude: ' + location.lat() +
??? '<br>Longitude: ' + location.lng()
? });
? infowindow.open(map,marker);
}
嘗試一下 ?
Google 地圖 - 事件參考手冊
Google Maps API 參考手冊。
