#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, вы должны сделать все размеры и позиционирование самостоятельно. Вы уже знаете, где находится карта и насколько она велика, и вы можете получить текущее положение маркера, это должно быть все, что вам нужно.