Google Maps V3 javascript — настройка информационного окна при нажатии на пины

#javascript #google-maps #google-maps-api-3

#javascript #google-карты #google-maps-api-3

Вопрос:

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

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

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

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

Ответ №1:

Есть пользовательский infowindow пример в демо-галерея раздел Карты Google API документация.

Ответ №2:

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

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

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

Комментарии:

1. Правильно — я получаю привязку, но создание пользовательского наложения, чтобы оно оставалось в пределах фактического холста и плиток?

2. @Jobsz: AFAIK, вы должны сделать все размеры и позиционирование самостоятельно. Вы уже знаете, где находится карта и насколько она велика, и вы можете получить текущее положение маркера, это должно быть все, что вам нужно.