google-maps - 如何为 google maps api v3 对象创建自定义事件？

Question

我想制作一种特殊类型的多边形对象，它环绕或继承自 google.maps.Polygon 类。我希望它有一个可以收听的自定义 edited 事件，最好是通过普通的 addListener 接口(interface)。这能做到吗？

Answer 1

我喜欢 JustinY 的回答。

另一种方法是手动触发这样的事件:

 function CustomPolygon(options) {
     var self = this;
     // initialize any options
     console.log('init')
 }

 function edit() {
     // do work!!!
     // now tell people about it!
     google.maps.event.trigger(this, 'edited');
 }

 // extend CustomPolygon from google.maps.Polygon
 CustomPolygon.prototype = new google.maps.Polygon();
 CustomPolygon.prototype.edit = edit;

 // now you can do 
 var p = new CustomPolygon({ /*options*/
 });
 google.maps.event.addListener(p, 'edited', function () {
     document.body.innerHTML = 'edited!';
 });
 p.edit();

参见 http://jsfiddle.net/stevejansen/hQZcT/

来源:https://developers.google.com/maps/documentation/javascript/reference#event