# 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 参考手册](google-maps-ref.html)。