База знаний
ProfiPages.net > Тикет система сервиса Profipages.net > База знаний

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

Решение

Видео-инструкция

 

Последовательность действий

Шаг 1. Ищем нужный адрес на Google Maps.

Шаг 2. Кликом по зданию ставим метку на карте (можно пропустить).

Шаг 3. Нажимаем на кнопку "меню".

 

Шаг 4. В меню выбираем "Ссылка/код".

Шаг 5. Переходим на вкладку "Код".

Шаг 6. Копируем код карты.

 

Шаг 7. В конструкторе создаем элемент "HTML / JS" и вставляем скопированный код карты.

Шаг 8. Устанавливаем ширину карты.

Шаг 9. Устанавливаем высоту карты.

Шаг 10. Сохраняем настройки карты нажатием на кнопку "Применить".

 

 

Образец кода карты добавляемого в элемент "HTML / JS":

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d24136814.605263654!2d46.920554282641554!3d45.487300449084884!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sru!2sua!4v1457700436052" width="980" height="500" frameborder="0" style="border:0" allowfullscreen></iframe>

 

где,  width="980"  - ширина карты,  height="500"  - высота карты.

 
Была ли эта статья полезной? ДА / НЕТ
Относящиеся статьи Как растянуть карту во всю ширину экрана
Создание и свойства элемента "ИЗОБРАЖЕНИЕ"
Как зафиксировать верхнее меню сайта
Детали статьи
Идентификатор статьи: 17
Категория: Knowledgebase
Дата добавления: 2016-03-11 11:50:12
Просмотры: 744
Рейтинг (Голоса): Рейтинг статьи 3.7/5.0 (3)

 
« Назад

 
Powered by Help Desk Software HESK, brought to you by SysAid