Карта на сайт

14.06.2015

930

Для добавления интерактивной карты в раздел контакты, нужно поместить в страницу или шаблон сгенерированный код Yandex карты, Google Map, или 2GIS.

На данной странице я собрал популярные решения по добавлению карт через iframe, чтобы сравнить их внешний вид.

Яндекс карты

Ссылка на редактор Yandex Карты

Как подключить Яндекс карту через Api, читать здесь.

Google карты

Ссылка на редактор Google Map

Читать том как подключить функционал Google Map Api.

Карты 2GIS

Посмотреть на карте Ростова-на-Дону

Ссылка на редактор 2GIS

Для адаптивности надо добавить стиль iframe {width: 100%;}

Тэги: карта

Похожие записи
Комментарии
Вложения

Записи-метки на картах

Сделаем функционал привязки записи (любого типа) к картам Google или Yandex. Это может быть востребовано для контактов дилерских центров, филиалов и т.п. Это статья является как бы вступительной теоретической. Более Читать далее »

карта

Изменить стиль карты Google Map

Изменяем стили оформления карты Google Map. Также можно настроить отображение маркера, скрыть либо добавить объекты на карту. Подключение скрипта Google Maps API Подключаем скрипт добавляющий функционал добавления и редактирования карт Читать далее »

карта

API Яндекс.Карт

Если нам нужно кастомизировать карту Яндекс, то будет не достаточно подключить ее через iframe, т.к. в нем не будет никаких настроек. Необходимо подключить API Яндекс.Карт Подключаем API Яндекс.Карт На данный Читать далее »

карта

Добавить комментарий Отменить ответ

Пока нет комментариев. Будь первым!