谷歌地图事件

点击该标记放大 - 附加的事件处理程序，以谷歌地图。

点击该标记来放大

我们仍然使用从以前的页面在地图：地图集中在英国伦敦。

现在，我们希望当用户点击该标记放大（我们重视的事件处理程序，以点击时缩放地图的标记）。

这里是使添加的代码：

例

// 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);
}

试一试»