Избегайте пользовательских событий наложения, когда карта панорамируется (API-интерфейс google)

Question

По этому вопросу: 'Make custom overlay clickable (Google Maps API 3)' и связанный также с моим comment в том же вопросе (размещен здесь, чтобы сделать его более заметным и потому, что я думаю, это другая проблема).

Я добавил прослушиватель click к моему многоугольнику наложения, но теперь у меня возникла проблема, когда пользователь хочет панорамировать карту и нажимает на накладку, чтобы сделать это, когда кнопка мыши отпущена, происходит событие клика. Очевидно, я не хочу выполнять действие onclick, когда я просто хочу скопировать карту. Любое элегантное решение для этой проблемы?

Вот пример проблемы: panning/click issue.

Answer 1

Заканчивать эту обновленную скрипку здесь: http://jsfiddle.net/9gvsq3od/5/

В основном я добавил этот код:

var dragging = false; 

google.maps.event.addDomListener(this.path_, 'mousedown', function (evt) { 
    dragging = false; 
}); 

google.maps.event.addDomListener(this.path_, 'mousemove', function (evt) { 
    dragging = true; 
}); 

// onclick listener 
google.maps.event.addDomListener(this.path_, 'click', function (evt) { 
    if (dragging) { return false;} 
    alert('clicked on path'); 
}); 

Событие щелчка срабатывает только при отпускании кнопки мыши так код устанавливает переменную dragging истину, когда мышь перемещается. Первый дескриптор mousedown сбрасывает переменную перетаскивания, так как нет события «mousestop», нам нужно сбросить состояние при начале нового взаимодействия.