Информационный блок Google Maps - может ли он существовать вне контейнера карты?

Question

У меня есть карта Google, на самом деле стандартная плата за проезд. Хотя он довольно маленький, и всплывающие информационные окна на маркерах довольно большие, поэтому мой вопрос: возможно ли, чтобы эти всплывающие окна высыпали край карты и попали на реальный сайт? (См. Пример хитрой работы в фотошопе.)

альтернативный текст http://dotcafedesigns.com/stuff/box-breakout.png

Спасибо!

Answer 1

Не решение, а немного фона ...

Раньше существовала коммерческая библиотека под названием BPWindow.

Однако, похоже, что он стал неработоспособным из-за изменений в GMAP2 и больше не отображается как библиотека. Возможно, вы захотите связаться с BitPerfect и посмотреть, что произошло.

http://www.gmaptools.com/

Я не нашел способа сделать это, но хотел бы услышать об этом, если вы найдете что-то в своем поиске. У меня не было времени взглянуть на GMAP3, чтобы увидеть, есть ли какие-либо изменения, которые бы поддерживали это. Это также может стоить посмотреть.

Answer 2

MapTools НЕ превышает границу / контейнер google-maps.

Trulia.com , кажется, нашел способ существования InfoBox вне контейнера карты, но я не уверен, как они это делают.

Answer 3

Пример изворотливого фотошопа - отличный способ объяснить, что вы хотите. Я всегда нахожу картинки полезными для такого рода вещей!

С превосходного сайта econym map tutorials, похоже, что bpWindow - это то, что вам нужно

Инструмент типа infoWindow, который может открываться вне карты. В результате карта никогда не будет автоматически перемещаться, чтобы показать ее содержимое.

Однако я не могу заставить примеры работать ... но, надеюсь, это может вам как-то помочь!

Answer 4

Только вчера все заработало. Это было не так просто, но если вы поэкспериментируете с тем, как создаются маркеры, и добавите немного jQuery, это не так уж сложно. Читайте здесь .

Answer 5

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

Вот мое решение:

1. Получите пиксель маркера местоположение относительно его контейнера . В Google Maps V3 есть метод, который называется fromLatLngToContainerPixel. К сожалению, эта функция не легко доступна. Ваш маркер должен иметь подкласс OverlayView. Я написал руководство о том, как это сделать. Это может быть нарушителем, но на самом деле это не так сложно.
2. fromLatLngToContainerPixel возвращает верх / влево относительно своего контейнера. Если ваша разметка всплывающей подсказки также находится в том же «позиционированном» контейнере, то вы можете использовать значение как есть, и все готово. В противном случае вам придется преобразовать его в ту же относительную координату, что и подсказка. Эта статья о причудливом режиме может помочь вам в этом.

Вот и все!