Google Карты.
Шаг 1
Примечание. На встроенной карте могут быть не видны данные о пробках и другая информация.
- Откройте Google Карты.
- Откройте маршрут, карту или изображение просмотра улиц, которое хотите встроить.
- В левом верхнем углу экрана нажмите на значок Меню.
- Выберите Ссылка/код.
- Откройте вкладку Встраивание карт.
- Чтобы выбрать размер карты, нажмите на стрелку вниз Стрелка вниз слева от поля с кодом.
- Скопируйте текст из поля и вставьте его в HTML-код своего сайта или блога.
Подробнее инструкция Google: https://support.google.com/maps/answer/144361?co=GENIE.Platform%3DDesktop&hl=ru
Яндекс Карты.
Вы можете подключить карту Яндекс на свой сайт, чтобы посетителю было удобно ориентироваться, где находится, например Ваш офис.
Шаг 1
Для публикации карты вы можете воспользоваться автоматически генерируемым кодом для вставки на сайт или в блог:
- Перейдите в Вашем браузере на Карты Яндекс.
- Впишете нужный адрес в поиске.
- Нажмите кнопку – меню или три точки.
- В открывшемся меню нажмите кнопку Поделиться.
- В открывшемся окне, в поле Код для вставки на сайт, скопируйте код в поле Виджет с картой, чтобы использовать на своем сайте карту и найденный объект или построенный маршрут.
- Нажмите кнопку Предпросмотр, и в открывшемся окне вы сможете увидеть, как именно будет выглядеть карта на сайте.
Подробнее инструкция Яндекс: https://yandex.ru/support/maps/concept/get-map-reference.html
Шаг 2
Панель – Система управления сайтом.
Используйте модуль html в определенной позиции.
1 – Создайте модуль html.
2 - Вставьте код с выключенным редактором
3 – Выберите нужную позицию в шаблоне, который используете (например - helix).
4 – Заголовок можно скрыть. Проверьте во вкладке Привязка к пунктам меню, где отображать Вашу карту.
5 – Вставьте код с карты, сохраните и закройте модуль.
Подробнее о позициях – п.4.3. и для шаблона – п.9.2.5.
Подробнее о модулях – п.4.
В СКОРОМ ВРЕМЕНИ БУДЕТ ДОБАВЛЕНО ВИДЕО!!!
Воспользуйтесь более простым методом, через конструктор сайтов.
Панель – Конструктор сайтов.
Через визуальный редактор:
Подробнее как разместить карту Google - п.11.7.
Подробнее как разместить карту Яндекс - п.11.8.
В СКОРОМ ВРЕМЕНИ БУДЕТ ДОБАВЛЕНО ВИДЕО!!!