Как создать пользовательские события для объектов google maps api v3?

Question

Я хочу создать специализированный тип объекта polygon, который обертывает или наследует класс google.maps.Polygon. Я хочу, чтобы у него было обычное событие edited, которое можно прослушать, в идеале, через обычный интерфейс addListener. Это можно сделать?

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

Answer 2

В статье Google Developers под названием Fun with MVC мы находим два способа сделать это.

1. В разделе Binding Properties мы узнаем, что всякий раз, когда метод set(property, value) вызывается на MVCObject, волшебная property_changed функция вызывается (если он присутствует).

   // Prints "something changed to ftw!!!" 
   myObject.something_changed = function(){ 
       console.log('something changed to ' + this.get('something')); 
   } 
   myObject.set('something', 'ftw!!!'); 
   

2. В разделе Outputting Information мы узнаем о том, что менее мистический addListener() метод также может быть использован для прослушивания изменений в значениях с set(). Следующий фрагмент кода выполняет то же самое, что и код выше.

   // Prints "something changed to ftw!!!" 
   myObject.addListener('something_changed', function(){ 
       console.log('something changed to ' + this.get('something')); 
   } 
   myObject.set('something', 'ftw!!!'); 
   

Я предпочитаю метод # 2, потому что она включает в себя меньше черной магии.