Как добавить карту 2ГИС на сайт Turbosite
2ГИС — детальный картографический сервис, особенно популярный для региональных городов и оффлайн-бизнеса. Карта с вашей организацией показывает контакты, режим работы, фото и кнопки для построения маршрута. Получить виджет можно бесплатно — нужно только зарегистрировать компанию в 2ГИС. Установка занимает 5–10 минут.
Что понадобится
- Карточка компании в 2ГИС (если её нет — добавить организацию) — бесплатно
- Опубликованный сайт на Turbosite
- 5–10 минут
Шаг 1. Получить код виджета 2ГИС
- Откройте 2gis.ru/widget (конструктор виджета).
- Выберите ваш город и найдите свою организацию в поиске.
- Из списка выберите нужный филиал.
- Настройте отображаемые элементы (метки, размеры, информация о компании).
- Согласитесь с условиями использования и нажмите «Получить код».
- Скопируйте сгенерированный код виджета.
📷 Скриншот: конструктор виджета 2ГИС с выбранной организацией и кнопкой «Получить код».
⚠️ Проверить актуальность: точный путь к конструктору виджета в 2ГИС может меняться. Если не нашли — ищите «Виджет 2ГИС», «Карта на сайт», «API 2ГИС».
Шаг 2. Вставить код в Turbosite
Карта появляется в определённом месте страницы (обычно в блоке «Контакты»), поэтому код вставляется в тело страницы.
- Откройте ваш сайт в Turbosite.
- Добавьте блок «HTML-код» в нужное место страницы.
- Вставьте код виджета 2ГИС.
- Сохраните изменения.
- Опубликуйте сайт.
📷 [скриншот Turbosite — будет добавлен: блок HTML-код в теле страницы с виджетом 2ГИС].
Шаг 3. Проверить, что карта работает
- Откройте опубликованный сайт.
- Прокрутите до блока с картой — должна загрузиться карта 2ГИС с вашей меткой.
- Проверьте, что отображаются: название организации, адрес, кнопки «Найти вход» и «Построить маршрут».
- Откройте на мобильном — карта должна адаптироваться под ширину экрана.
Частые вопросы
Моей компании нет в 2ГИС — что делать? Сначала добавьте организацию в справочник 2ГИС бесплатно — через личный кабинет. После модерации (1–7 дней) сможете получить виджет.
Можно ли поставить просто карту города без своей организации? Виджет 2ГИС привязан к организации. Для абстрактной карты района используйте 2ГИС API или альтернативу — например, Яндекс Карты или OpenStreetMap (Leaflet).
Карта обрезается на мобильных. В конструкторе виджета выберите ширину «100%» вместо фиксированной — карта будет растягиваться по экрану.
Сколько стоит? Базовый виджет с одной меткой — бесплатно. Платный API нужен для сложных задач (несколько меток, маршруты, кастомизация) — пишите в отдел продаж 2ГИС.
Карта медленно загружается. Виджет 2ГИС подгружается асинхронно. Если на странице много других тяжёлых элементов — рассмотрите вариант lazy-load (отложенная загрузка).
Куда смотреть дальше
- Виджет 2ГИС — конструктор
- Документация 2ГИС API — для тонкой настройки
- Личный кабинет 2ГИС — управление компанией и виджетами
