2010-07-29 2 views
4

Я пытаюсь выяснить, как Google добавляет изображения и стили к их подсказкам, которые появляются над маркерами на картах Google.html-/styling of-tooltips в google maps api v3

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

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

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

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

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

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

+0

Вот ссылка, которая показывает вам, как создать настраиваемую подсказку для API Google Maps V3: http://medelbou.wordpress.com/2012/02/03/creating-a-tooltip-for-google-maps-javascript -api-v3/ Чтобы увидеть это в действии, перейдите сюда http://medelbou.com/demos/google-maps-tooltip/ –

ответ

1

Отъезд these tools. Есть настройки и инфобокс, которые в значительной степени заменяют значение по умолчанию, но сохраняют все его свойства. Надеюсь, поможет!

+0

Думаю, вы оба ответили на мой вопрос ... т.е. вам нужно создать свой собственный оверлей. Но эти библиотеки довольно приятные! – Josh