0

Есть ли способ сделать InfoWindow Google Maps более похожим на модальное окно? Вот мои цели:Сделать Infowindow вести себя как модальное окно (API Карт Google v3)

  • Возьмите все или большую часть ширины и высоты экрана
  • Не автоматически перемещать карту при нажатии на маркер

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

Google Maps API v3

ответ

0

По звукам ней вы должны будете сделать заказ модальный вместо того, чтобы использовать информационное окно.

Я предлагаю вам взглянуть на использование Bootstrap для этого. В документации они объясняют с примерами очень хорошо, как использовать модальный. Это также очень красиво оформлено.

Хотя, если вы хотите, чтобы он занимал большую часть пространства экрана, возможно, вам понадобится создать свой модальный пользовательский интерфейс.

Затем вы можете просто спрятать()/Показать() свой пользовательский модальный объект.

0

Это на самом деле довольно просто. Игнорируйте поля информации о карте и просто добавьте дополнительный div в свой html фиксированный, расположенный по 0,0, который имеет ширину и высоту 100%.

Скрыть его в своем css, а затем с помощью функции события «click» вашего маркера, показать div и вставить в него свой контент.

Полный экран.

Смежные вопросы