Scroll

Как добавить карту Google на HTML MotoCMS сайт?

В связи с недавним обновлением Google API виджет "Google Maps" больше не работает должным образом, поэтому в дальнейшем его придется добавлять на страницу вручную при помощи HTML Widget. Для этого нужно выполнить следующие действия:

1) Прежде всего, нужно войти в свою учетную запись Google и создать себе карту вот тут https://www.google.com/maps/d/, нажав на кнопку "Создать карту".

2)  На открывшейся странице нужно заполнить поля "Название карты" и "Описание". После этого нажать "Сохранить".


3) Чтобы добавить маркер, Вам необходимо нажать на на значок маркера , а затем выбрать любую точку на карте. Или найдите нужное место, нажмите на зеленый маркер на карте, а затем выберите Добавить на карту.

4) После заполнения "Названия" и "Описания" для указанного места для внесения изменений нужно будет нажать кнопку "Сохранить". Подробнее о том как посмотреть, изменить и настроить собственную карту здесь.

5) По умолчанию все карты находятся в закрытом доступе. Это означает, что просматривать и редактировать карту может только ее владелец (то есть вы). Чтобы другие пользователи могли просматривать вашу карту, нажмите кнопку Поделиться на панели слева, далее Изменить, нажмите на круг рядом с фразой "Для всех в Интернете", а затем нажмите кнопку Сохранить.





6) Как только изменения будут сохранены, Вам необходимо открыть карту которую Вы хотите добавить. Нажмите кнопку  на панели слева и выберите пункт Добавить на сайт.

7) Скопируйте HTML-код из открывшегося окна.

8) Далее необходимо разместить "HTML Widget" на странице в панели управления шаблоном и дважды кликнуть на ней мышкой.

9) Далее нужно выбрать слева в окне вариант "Blank HTML". В окне ввода кода справа вставить строку "HTML-код для добавления на веб-сайт" из пункта 7. После этого в коде нужно найти параметры "width" и "height" и в качестве значений устанавливаем 100% (это позволит заполнить равномерно весь HTML Widget картой). После этого нажимаем "ОК".

10) Нажимаем "Предпросмотр" и проверяем наличие карты на странице.

А вот тут можно найти небольшой видеоурок о том, как пользоваться данным сервисом.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 4 из 4
Еще есть вопросы? Отправить запрос

Комментарии