html-/стилизация всплывающих подсказок в google maps api v3

Я пытаюсь понять, как Google добавляет изображения и стили к своим всплывающим подсказкам, которые появляются над маркерами на картах Google.

Пример желаемого поведения можно увидеть здесь:

http://maps.google.es/maps?oe=utf-8&q=hotels+in+sydney

Если вы наведете курсор мыши на один из маркеров отеля, вы увидите различные стили (жирный текст, обычный текст), абзацы или разрывы строк, а также изображения звездного рейтинга отеля. Насколько я вижу из документов, эти всплывающие подсказки создаются путем предоставления каждому маркеру атрибута «заголовок» ... однако любой HTML в этом атрибуте экранируется; вы можете получить всплывающую подсказку, которая выглядит так:

<p class="tooltip-text">This doesn't work!</p> <image src="/images/myimage.png" />

... что не является желаемым результатом.

У кого-нибудь есть идеи?


person Josh    schedule 29.07.2010    source источник
comment
Вот ссылка, которая показывает, как создать персонализированную всплывающую подсказку для Google Maps API V3: medelbou.wordpress.com/2012/02/03/ Чтобы увидеть его в действии, перейдите сюда medelbou.com/demos/google-maps-tooltip   -  person mohamed elbou    schedule 03.02.2012


Ответы (1)


Ознакомьтесь с этими инструментами. Существует и настройка информационного окна, которое в значительной степени заменяет стандартное, но сохраняет все его свойства. Надеюсь, поможет!

person Landitus    schedule 13.08.2010
comment
Я думаю, вы оба ответили на мой вопрос... т.е. вам НУЖНО создать свой собственный оверлей. Но эти библиотеки довольно хороши! - person Josh; 17.08.2010