Google Maps事件

最新推荐文章于 2019-02-22 17:55:12 发布

原创最新推荐文章于 2019-02-22 17:55:12 发布 · 359 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何使用事件监听器在JavaScript中为程序添加动态交互功能。文章提供了两个示例，展示了如何使用GEvent.addListener和GEvent.bind方法响应用户点击事件，并更新应用程序状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

您可以利用事件监听器在您的程序里面加入动态元素。一个对象导出命名事件，您的程序可以用静态方法GEvent.addListener和GEvent.bind来"监听"这些事件。例如，这个代码片断在每次用户点击的时候显示一个警告框：

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

GEvent.addListener把一个函数当作第三个参数，用来指定时间句柄的相应函数。想把事件绑定到类实例的方法上，可以用GEvent.bind方法。在下面的例子里，应用程序类实例把地图事件绑定在他的方法上，在触发的时候修改类的状态：

function MyApplication() { this.counter = 0; this.map = new GMap2(document.getElementByIdx("map")); this.map.setCenter(new GLatLng(37.4419, -122.1419), 13); GEvent.bind(this.map, "click", this, this.onMapClick);}MyApplication.prototype.onMapClick = function() { this.counter++; alert("You have clicked the map " + this.counter + " " + (this.counter == 1 ?"time" : "times"));}var application = new MyApplication(); // 参照JavaScript自定义对象和类的方法理解说明： prototype属性可算是JavaScript与其他面向对象语言的一大不同之处。简而言之，prototype就是“一个给类的对象添加方法的方法”，通过prototype属性，可以给类动态地添加方法。

#电子地图api