Google Maps API v3: ссылки (ссылка) в пузырьках не работают в диалоговом окне интерфейса пользователя jQuery

Question

У меня проблема с интеграцией Google Maps в jQuery UI Dialog .

Ссылки в пузырях карт (InfoWindowHtml) не работают, они не кликабельны. Протестировано с Firefox 3.6.8, Chrome 9. К сожалению, оно работает в Internet Explorer.

Пример: http://www.periscope.de/files/jquery_dialog.htm

Если я встраиваю Карты Google вне диалогового окна jQuery UI, ссылки становятся интерактивными и работают нормально.

Есть ли проблема с GoogleMaps и jQuery UI? Может быть, z-index?

Answer 1

Карта и диалог создаются из одного и того же элемента DOM, что сбивает с толку браузер. Практический подход заключается в размещении карты на дочернем элементе диалога. Надеюсь, это поможет!