Google Map学习（二）简单的Google Map，Google Map事件

      上一节已经学习了Google Map的基础。首先回顾一下上一节的基本内容
            地图对象的创建：var map = new GMap2(document.getElementById("map"));
            设置map的默认显示形式：map.setMapType(G_HYBRID_MAP);
            设置地图的位置（这是必须的）：map.setCenter(new GLatLng(22.4977,113.9208),19);
            添加一个信息窗口：map.openInfoWindowHtml(map.getCenter(),document.createTextNode("北科创业大厦"));
      以上内容都非常的简单，但是仅仅是显示了一张地图，非常单一。
      这一节，我们主要学习地图中的事件，并且通过事件做一些简单的交互。

Google Map的命名空间

      到现在大家可能已经发现了Google Map API中的类都带有一个大写字母G，G是Google Map API的顶级命名空间，它的原型是google.maps.*,比如GMap2也可以写成google.maps.Map2。

地图事件
      JavaScript是”事件驱动的“，也就是说JavaScript通过事件来响应交互。比如用户希望在某个DOM元素移动鼠标时，发生一些什么，那么在这个DOM元素上移动鼠标就是一个事件，我们要做的就是监听这个事件，为这个事件注册监听器，也就是写一个监听函数，用户所希望的东西，我们都可以在函数中进行表达。
      Google 地图 API 通过为地图 API 对象定义自定义事件而添加到此事件模型中。虽然不同浏览器中的DOM事件不同，但是Google Map API已经帮包含跨浏览器的机制，我们无需再因为用户使用不同浏览器而苦恼了。

注册事件监听器

通过使用GEvent命名空间中的实用工具函数注册事件监听器，来处理Google Map API中的一些事件。每个对象都包含很多已有的事件，例如GMap2对象的click、dbclick事件。
注册事件的方法很简单：GEvent.addListener(object,event,function)，三个参数分别对象，待监听事件，事件调用函数。例如：

<html xmlns="http://www.w3.org/1999/xhtml">
Google Map学习（二）简单的Google Map，Google Map事件

<head>

(如果在IE下出现GMap2未定义的错误，请刷新一遍，火狐下是正常的)

<input value="查看示例" type="button"> 
<h3>将事件绑定到对象方法</h3>
<div class="likecs_code">
<img src="/default/index/img?u=L2RlZmF1bHQvaW5kZXgvaW1nP3U9YUhSMGNITTZMeTkzZDNjdVkyNWliRzluY3k1amIyMHZTVzFoWjJWekwwOTFkR3hwYm1sdVowbHVaR2xqWVhSdmNuTXZUbTl1WlM1bmFXWT0=" alt="Google Map学习（二） 简单的Google Map，Google Map事件" align="top" title="Google Map学习（二） 简单的Google Map，Google Map事件"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <img src="/default/index/img?u=L2RlZmF1bHQvaW5kZXgvaW1nP3U9YUhSMGNITTZMeTkzZDNjdVkyNWliRzluY3k1amIyMHZTVzFoWjJWekwwOTFkR3hwYm1sdVowbHVaR2xqWVhSdmNuTXZUbTl1WlM1bmFXWT0=" alt="Google Map学习（二） 简单的Google Map，Google Map事件" align="top" title="Google Map学习（二） 简单的Google Map，Google Map事件"><html xmlns="http://www.w3.org/1999/xhtml"> <img src="/default/index/img?u=L2RlZmF1bHQvaW5kZXgvaW1nP3U9YUhSMGNITTZMeTkzZDNjdVkyNWliRzluY3k1amIyMHZTVzFoWjJWekwwOTFkR3hwYm1sdVowbHVaR2xqWVhSdmNuTXZUbTl1WlM1bmFXWT0=" alt="Google Map学习（二） 简单的Google Map，Google Map事件" align="top" title="Google Map学习（二） 简单的Google Map，Google Map事件"><head> <img src="/default/index/img?u=L2RlZmF1bHQvaW5kZXgvaW1nP3U9YUhSMGNITTZMeTkzZDNjdVkyNWliRzluY3k1amIyMHZTVzFoWjJWekwwOTFkR3hwYm1sdVowbHVaR2xqWVhSdmNuTXZUbTl1WlM1bmFXWT0=" alt="Google Map学习（二） 简单的Google Map，Google Map事件" align="top" title="Google Map学习（二） 简单的Google Map，Google Map事件">    <title></title> <img src="/default/index/img?u=L2RlZmF1bHQvaW5kZXgvaW1nP3U9YUhSMGNITTZMeTkzZDNjdVkyNWliRzluY3k1amIyMHZTVzFoWjJWekwwOTFkR3hwYm1sdVowbHVaR2xqWVhSdmNuTXZUbTl1WlM1bmFXWT0=" alt="Google Map学习（二） 简单的Google Map，Google Map事件" align="top" title="Google Map学习（二） 简单的Google Map，Google Map事件"> <img>>
</div>

(如果在IE下出现GMap2未定义的错误，请刷新一遍，火狐下是正常的)

<textarea name="textBox2" style="width: 0; height: 0" cols="0" rows="0" xmlns="http://www.w3.org/1999/xhtml" type="text/javascript" src="http://ditu.google.cn/maps?file=api&v=2&key=ABQIAAAA35MvS7AnL0cjW_AmAJjW7BQQxUWGaJxgL6MJAQ51I1vKwWJYtxROqcWbldYkZFdMcEwKzaganeiujA" function myapplication this.counter="0;" this.map="new" gmap2 this.map.setcenter glatlng gevent.bind this this.onmapclick myapplication.prototype.onmapclick="function()" alert window.onload="function(){" var application="new"><input value="查看示例" type="button"> 
<h3>监听DOM事件</h3>
       Google地图API事件模型创建并管理自己的自定义事件。但是，DOM也会根据当前使用的特定浏览器事件模型创建和调度自己的事件。如果你希望捕获这些事件，Google地图API提供的独立于浏览器的包装器可以监听和绑定DOM事件而不需要自定义代码。
      GEvent.addDomListener()方法为DOM节点上的DOM注册事件处理程序。同样，GEvent.bindDom()方法允许你给类实例上的DOM事件注册事件处理程序。
<h3>删除事件监听器   
</h3>
      不再需要事件监听器时，应将其删除。甚至在事件只需触发一次的情况下，也可能需要删除。删除闭包内的匿名函数所定义的事件监听器可能很困难。但是，<code>addListener()</code>、<code>addDomListener()</code>、<code>bind()</code> 和 <code>bindDom()</code> 函数会返回 <code>GEventListener</code> 句柄，可用来最终取消注册处理程序。
      下面的示例通过在地图上放置标记来响应点击。任何后续点击都可删除事件监听器。请注意，这会导致不再执行 <code>removeOverlay()</code> 代码。另请注意，您甚至可以从事件监听器自身内部删除事件监听器。
      
<div class="likecs_code">
<img src="/default/index/img?u=L2RlZmF1bHQvaW5kZXgvaW1nP3U9YUhSMGNITTZMeTkzZDNjdVkyNWliRzluY3k1amIyMHZTVzFoWjJWekwwOTFkR3hwYm1sdVowbHVaR2xqWVhSdmNuTXZUbTl1WlM1bmFXWT0=" alt="Google Map学习（二） 简单的Google Map，Google Map事件" align="top" title="Google Map学习（二） 简单的Google Map，Google Map事件"><html xmlns="http://www.w3.org/1999/xhtml"> <img src="/default/index/img?u=L2RlZmF1bHQvaW5kZXgvaW1nP3U9YUhSMGNITTZMeTkzZDNjdVkyNWliRzluY3k1amIyMHZTVzFoWjJWekwwOTFkR3hwYm1sdVowbHVaR2xqWVhSdmNuTXZUbTl1WlM1bmFXWT0=" alt="Google Map学习（二） 简单的Google Map，Google Map事件" align="top" title="Google Map学习（二） 简单的Google Map，Google Map事件"><head> <img src="/default/index/img?u=L2RlZmF1bHQvaW5kZXgvaW1nP3U9YUhSMGNITTZMeTkzZDNjdVkyNWliRzluY3k1amIyMHZTVzFoWjJWekwwOTFkR3hwYm1sdVowbHVaR2xqWVhSdmNuTXZUbTl1WlM1bmFXWT0=" alt="Google Map学习（二） 简单的Google Map，Google Map事件" align="top" title="Google Map学习（二） 简单的Google Map，Google Map事件">    <title></title> <img>>
</div>
(如果在IE下出现GMap2未定义的错误，请刷新一遍，火狐下是正常的) 
<textarea style="width: 0; height: 0" name="textBox3" cols="0" rows="0" type="text/javascript" src="http://ditu.google.cn/maps?file=api&v=2&key=ABQIAAAA35MvS7AnL0cjW_AmAJjW7BQQxUWGaJxgL6MJAQ51I1vKwWJYtxROqcWbldYkZFdMcEwKzaganeiujA" function myapplication this.counter="0;" this.map="new" gmap2 this.map.setcenter glatlng var myeventlistener="GEvent.bind(this.map," this latlng if this.map.addoverlay gmarker else instanceof this.removeoverlay gevent.removelistener window.onload="function(){" application="new" onunload="GUnload()"><input value="查看示例" type="button">