Google Maps JS API 3 - редактируемые формы в пользовательском оверлее

Question

Я использую API Карт Google для предоставления формы в пользовательском наложении карт, аналогично собственному окну InfoWindow. Я использовал пример от Google для создания пользовательского оверлея, используя их OverlayView Prototype.

В конце концов это наложение не имеет такого поведения InfoWindow имеет отношение к редактированию. Взаимодействие с окном приводит к взаимодействию с картой. Нельзя ни выделить текст в окне, ни редактировать поле ввода. События делегируются на карту.

Я уже пытался поиграться с z-index, который не будет работать.

В их примере вы также не можете выделить текст - поэтому вы можете взглянуть на их источник .

Answer 1

Это на самом деле вопрос распространения событий. Google предоставляет еще один менее очевидный пример, который решает проблему:

http://google -maps-utility-library-v3.googlecode.com / СВН / теги / инфобокс / 1.1.5 / SRC / infobox.js

---> ОБНОВЛЕНИЕ 01/2015

Ян добавлен еще один пример, блокирующий распространение всех событий карты в комментариях.