Google Maps V3 javascript - настройка информационного окна при нажатии на булавки

Question

Привет, ребята - я искал создать собственное информационное окно для описания пина. Я не собираюсь вставлять пользовательский элемент div во всплывающее окно, но фактически перепроектировал само окно.

Я видел статью здесь http://koti.mbnet.fi/ojalesa/boundsbox/tiptool_trains.htm Это не , что я ищу, закругленный пузырь должен пройти

Я надеялся найти статью или несколько советов о том, как это сделать? Прямо сейчас я думаю о создании пользовательского наложения путем расширения некоторых функциональных возможностей некоторых расширяемых классов / функций API. С чего бы начать хорошее место? Кто-нибудь делал это здесь?

Спасибо, ребята!

Answer 1

В разделе демонстрационной галереи документации API Google Map есть пример пользовательского информационного окна.

Answer 2

Вы можете добавить прослушиватель кликов (используя google.maps.event.addListener) к своему маркеру, а затем создать собственное всплывающее окно при нажатии на маркер:

google.maps.event.addListener(marker, 'click', function() {
    /* build and show your popup in any way you want. */
});

Если вы думаете о маленьком всплывающем окне всплывающей подсказки из вашего примера, то вам нужно привязать слушателя к mouseover, чтобы всплыть подсказка и mouseout чтобы избавиться от него.