Карта на сайт

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

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

Яндекс карты

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

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

Google карты

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

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

Карты 2GIS

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

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

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

Тэги:

Поделится информацией с друзьями

  • Похожие записи
  • Комментарии
  • Вложения
Изменить стиль карты Google Map

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

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

Посты — метки на карте

Посты — метки на карте

Пытаясь реализовать удобный функционал по созданию меток на интерактивной карте я пришел к следующей системе. Заводим произвольный тип записи и таксономии чтобы структурировать и удобно манипулировать городами и точками. Основа Читать далее »

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

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

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

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

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

Карта на сайт
PHP код в записях и страницах
Рекомендации для васPHP код в записях и страницахOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.