谷歌地圖事件

點擊該標記放大 - 附加的事件處理程序，以谷歌地圖。

點擊該標記來放大

我們仍然使用從以前的頁面在地圖：地圖集中在英國倫敦。

現在，我們希望當用戶點擊該標記放大（我們重視的事件處理程序，以點擊時縮放地圖的標記）。

這裡是使添加的代碼：

例

// Zoom to 9 when clicking on marker
google.maps.event.addListener(marker,'click',function() {
map.setZoom(9);
map.setCenter(marker.getPosition());
});

試一試»

我們註冊使用事件通知addListener()事件處理程序。該方法採用了一個對象，偵聽一個事件，一種功能，當特定事件發生時調用。

潘返回標記

在這裡，我們添加事件處理程序到地圖更改到“中心”財產，在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);
}

試一試»