TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Как добавить карты Google в Weebly?

11

Карты используются для отображения адреса вашей компании на вашем веб-сайте в реальном виде вместо простого текстового адреса. Пользователи могут увеличивать и просматривать адрес в режиме реального времени, а также переходить к картам Google, чтобы найти маршруты или оставить отзыв.

Связанный: Как использовать Google Maps на сайте WordPress.

Weebly позволяет добавлять карты на свой сайт следующими способами:

  • Использование элемента карты по умолчанию
  • Использование элемента Embed Code
  • Добавляйте карты со сторонних сайтов

Мы подробно обсудим оба варианта в следующих разделах.

Добавьте Карты Google в Weebly с помощью элемента карты

Элемент карты в редакторе сайта Weebly помогает добавить карты Google на ваш сайт и настроить адрес, размер, производителя и т.д. Вы можете просто перетащить элемент «Карта», и карта Google будет автоматически добавлена ​​на страницу.

Как добавить карты Google в Weebly?

Элемент карты Weebly

Щелкните карту, чтобы увидеть следующие параметры настройки:

  • Адрес – введите город, чтобы навести маркер на эту точку на карте.
  • Масштаб – установите предел масштабирования, перетащив ползунок на нужный уровень.
  • Ширина и высота – установите ширину и высоту карты, чтобы она соответствовала разметке страницы. Оставьте для ширины значение «Авто», чтобы адаптивная карта автоматически выравнивалась по ширине браузера.
  • Положение – установите выравнивание карты по левому, правому или по центру.
  • Интервал – установите верхнее и нижнее поля, чтобы оставить пространство между другими элементами и отображением на странице.
  • Расширенное местоположение – если адрес неточный, вы можете ввести точные координаты широты и долготы, чтобы поставить маркер в нужном месте.
  • Расширенный дисплей – вы можете показать или скрыть маркер по адресу, масштабировать карту, обзорную карту и управлять картой.

Вы можете выбрать один из следующих вариантов для функции панорамирования под управлением карты:

  • Большой контроль панорамирования и масштабирования
  • Небольшое управление масштабированием и панорамированием
  • Только небольшое управление зумом
  • Никто

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

Встраивание или привязка карты Google

Элемент карты Weebly предлагает ограниченные возможности и не позволяет встроить поиск направления или карту улиц. Если вы ищете карту с дополнительными опциями, следуйте приведенным ниже инструкциям:

  • Зайдите на сайт Google Maps.
  • Найдите и найдите адрес.
  • Если вы хотите добавить маршруты между вашим адресом и любым конкретным местом.
  • Щелкните значок меню навигации, расположенный в верхнем левом углу.
  • Выберите вариант «Поделиться или встроить карту», ​​как показано ниже:

Как добавить карты Google в Weebly?

Встраивание Google Maps

  • Выберите размер карты на вкладке «Вставить карту».
  • Скопируйте код iframe.

Как добавить карты Google в Weebly?

Вставить карту Google с маршрутами

  • Перейдите на свой сайт Weebly и вставьте код карт Google в элемент «Вставить код ».

Добавление карты Google значительно снизит скорость загрузки страницы, поскольку вызовет API Google для загрузки карты. Поэтому вместо добавления карты в реальном времени вы можете просто указать местоположение своего адреса на карте Google. В описанном выше процессе вместо перехода на вкладку «Вставить карту» щелкните вкладку «Поделиться ссылкой». Скопируйте ссылку, и вы можете создать гиперссылку на Weebly с любым якорным текстом или изображением.

Как добавить карты Google в Weebly?

Отправка местоположения на Google Карты

При нажатии на ссылку откроется сайт Google Maps, включая поиск маршрутов.

Встраивание карт Google со сторонних веб-сайтов

Есть также много сторонних предложений Google Maps API с лучшим обзором на сайте. Например, вы можете перейти на сайт внедрения карт Google и указать такие параметры, как адрес, тип карты, размер и масштаб, чтобы быстро сгенерировать код встраивания. Вставьте код для вставки в элемент «Код для вставки» на своем сайте Weebly и покажите пользователям свое местоположение на карте.

Как добавить карты Google в Weebly?

Встраивание сторонних карт Google

Источник записи: www.webnots.com
Leave A Reply

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