天地图GeoGlobe添加单击事件

Yourtion 创作于:2011-05-26     全文约 1196 字, 预计阅读时间为 4 分钟

之前写了不少关于天地图的教程,现在天地图的发展还在初步,需要大家多多的努力和支持,感谢“oОО砯崖Оo”开的QQ群:127651254。有兴趣的朋友可以加进来一起讨论天地图开发。

今天我们讲一下添加单击事件的代码,通过单击事件可以触发你想要做的发生的function。这个代码比较简单,通过添加events.register。然后加入function就OK。

代码如下:

<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <script src="http://www.tianditu.com/guide/lib/GeoSurfJSAPI.js" type="text/javascript"></script>
    <script src="http://www.tianditu.com/guide/2d_samples/sampleCfg.js" type="text/javascript"></script>
    <script type="text/javascript">
	window.onload=function(){
	     var map = new GeoSurf.PortalMap("frist_map");
	     map.loadLayerGroup(imageGroup);
	     map.setCenter(new GeoSurf.LonLat(116.12371, 24.33058), 14);
		 //触发鼠标单击事件
  	     map.events.register("click", map,
			function (){
				alert("你干嘛点我??");//事件动作Functin内容
			});
	}
    </script>
  </head>
<body align="center">
    <div id="frist_map" style="width: 640px; height: 480px ; marging:0 auto"></div>
</body>
</html>

您查看此示例的实际效果:点击这里看Demo

原文链接:https://blog.yourtion.com/geoglobe-add-click-event.html