Настройка карты Google, встроенной в iframe
-
06-09-2019 - |
Вопрос
Итак, я просмотрел Google Maps, и у них есть функция "создания" вашей собственной карты и добавления маркеров и тому подобных вещей через свой собственный интерфейс.Они заставляют вас встраивать это на свой веб-сайт с помощью iframe.
Я читал документацию для Google Maps, и в приведенных примерах карта создается при загрузке страницы либо с помощью статического ввода, либо динамически создается с использованием базы данных.Это документация, которую я просматриваю прямо сейчас... Документация
Итак, что мне интересно, так это есть ли способ настроить карту, созданную с использованием интерфейса Google, таким же образом, как и при ее создании при загрузке страницы?
Леви
Редактировать:Прочитав подробнее об этом, я пришел к выводу, что существует, по сути, две версии Google Maps?Один для разработчиков, а другой для тех, кто просто хочет карту и ему все равно, как она выглядит и как сделана?Кто-нибудь может это подтвердить?
Решение
Это верно.Карта iframe - это просто ссылка на вашу карту на maps.google.com.Если вы хотите иметь больше контроля над картой, вам нужно будет создать ее с помощью API
Другие советы
Я знаю, что это старый пост, но я уверен, что он по-прежнему набирает много просмотров.
Если вы не хотите возиться со скриптами API и просто хотите перейти к самому простому, вы можете поместить google map в стиле iframe внутри div, а затем создать родительский элемент для этого div с overflow:скрытый.Затем вы можете использовать его размер в зависимости от размера и полей дочернего элемента, удерживающего iframe, чтобы управлять тем, какие части карты люди могут просматривать, т.Е.:верхние правые и левые элементы управления, нижняя информация, масштаб и т.д.
Если вы не хотите полностью стилизовать карту с помощью API и вам нужно быстрое эффективное решение, это не самый ужасный маршрут.