Виджет карты

Виджет карты для сайта: встраивается кодом

После публикации в кабинете есть готовый код. Вставьте его на страницу ЖК или объекта — как видео. Код больше менять не нужно: новые версии карты появляются сами.

Попробовать бесплатноЗаказать модель

Первый ЖК бесплатно, собирается сам за 10 минут

Две строки кода

Блок и загрузчик: карта создаётся, когда блок подъезжает к экрану, высота подстраивается сама. Если на сайт нельзя добавить скрипт — iframe.

Виджет

<div data-kinjo
     data-project="vash-zhk"
     data-mode="2d"
     data-height="600"></div>
<script src="https://map.kinjo.ru/widget.js" async></script>

Или iframe

<iframe
  src="https://map.kinjo.ru/?project=vash-zhk&embed=1&mode=2d"
  style="width: 100%; height: 600px; border: 0"
  loading="lazy" allowfullscreen></iframe>

Вместо vash-zhk — адрес вашей карты. Готовый код — в кабинете после публикации.

Режимы и темы

Переключите — это живая карта, как она встанет на ваш сайт.

  1. 012D или 3DПлоская карта открывается быстрее, в 3D видны дома, деревья и тени. Режим задаётся в коде.
  2. 02Темы и брендСветлая, тёмная, монохром, тёплая или в цветах вашего бренда.
  3. 03Полный экран и телефонКнопка полного экрана, списки снизу на телефоне, карта крутится пальцами.

Вопросы

Не нашли ответа — оставьте заявку через «Обсудить» в тарифах.

Что выбрать: виджет или iframe?

Виджет (скрипт) сам подстраивает высоту и загружает карту, когда до неё долистали. Iframe — если на сайт нельзя добавить скрипт.

Работает ли на Тильде, WordPress и других конструкторах?

Да, если конструктор позволяет вставить HTML-блок: туда вставляется код виджета или iframe.

Замедлит ли карта сайт?

Виджет создаёт карту, только когда блок подъезжает к экрану. Плоская карта (2D) грузится быстрее 3D.

Получите код карты за 10 минут