学步园

事件类型

google地图定义了大量的事件来完成复杂的交互功能。每个事件都在指定的环境下发生，并且可以传递标识环境的参数。例如，当用户在地图对象中移动鼠标时，会触发 mousemove 事件，并且该事件会传递鼠标所在地理位置的 GLatLng。

google map常用的事件有

click、dblclick　　鼠标点击事件

movestart、move、moveend　　地图移动事件

dragstart、drag、dragend　　鼠标拖拽地图事件

zoomstart、zoomend　　地图缩放事件

maptypechanged　　地图类型改变事件

 

事件监听

请使用静态方法 GEvent.addListener()。该方法有三个参数，一个对象，一个待监听事件以及一个在指定事件发生时调用的函数。

 

1 var map = new GMap2(document.getElementById("map"));   
2 map.setCenter(new GLatLng(37.4419, -122.1419), 13);   
3 GEvent.addListener(map, "click", function() {   alert("You clicked the map.");   });  

 

 

移除事件监听的方法

在使用addListener添加的自定义事件注册事件处理程序，返回一个可用于最终注销处理程序的句柄。在使用removeListener方法移除此句柄。

1 var clickHandler = google.maps.Event.addListener(map, 'click', function(){
2             alert('click');
3             google.maps.Event.removeListener(clickHandler);
4         });

 

 

事件处理函数的参数

google map会未事件绑定函数传递必要的参数。例如，当用户在地图对象中移动鼠标时，会触发 mousemove 事件，并且该事件会传递鼠标所在地理位置的 GLatLng。click事件中为事件传递点击的地图上显示自定义的叠加层对象overlay, 和地理位置坐标latlng。

 

1 GEvent.addListener(map,"click", function(overlay, latlng) {      
2   if (latlng) {  
3     var myHtml = "GPoint 为: " + map.fromLatLngToDivPixel(latlng) + ", 
4 缩放级别:" + map.getZoom(); 
5     map.openInfoWindow(latlng, myHtml); 
6   } 
7 }); 
8