Урок - Вставка карты Google Maps на страницу сайта без использования Google Maps API 3.

Главная » Курсы » Курс Google Maps 3, примеры использования. » Урок - Вставка карты Google Maps на страницу сайта без использования Google Maps API 3.

Обучающий онлайн курс
Google Maps 3, примеры использования.

Лицензия: Копирование запрещено.

асто возникает задача - расположить рядом с адресом компании карту для визуализации место положения. Задача актуальна, для малоизвестных улиц.

Для решения будем использовать вариант со вставкой HTML-кода на страницу сайта.

Заходим на сайта maps.google.com.

В окно поиска вводим "Красная площадь". Из подсказок Google выбираем "Российская Федерация, Москва, Красная площадь".

Нажимаем кнопку "ссылка" - открывается окно "Ссылка для сообщений эл. почты или чата".

Первое, что видим ссылку вида "http://maps.google.com/maps?ll=55.754639,37.6215&spn=0.006557,0.01929&t=m&z=16" - это и есть ссылка на текущее положение на карте. Вид ссылки на карту может меняться в зависимости от количества объектов в указанном месте, и от других внутренних параметров Google Maps.

Ссылку можно отправлять по почте, в чатах, оставлять на сайтах.

Пример: Карта Киева.

 

Второе, что можно использовать, это "HTML-код для добавления на веб-сайт". HTML-код представляет собой вставку фрейма. Для изменения параметров перейдите по ссылке "Настройка и предварительный просмотр встроенной карты".


Просмотреть увеличенную карту

Если ваш сайт работает под управлением одной из популярных системы управления содержимым (Joomla, Drupal, Wordpress и т.п.), при вставке HTML-кода карты не забывайте про фильтрацию HTML-кода. Некоторые системы, по умолчанию, будут удалять фреймы при выводе страницы - в результате карта не будет отображаться.