Новости
Все новости
 

Как создать и добавить на сайта 2Гис карту (виджет)

Как создать и добавить на сайта 2Гис карту (виджет)

Через 2Гис можно создать карту для сайта только если там присутствует ваша организация. Потому что карта создается через поиск организации, а не адреса.

Перейдите на страницу создания карты 2Гис.

Выберите свой город.

Выбор города в виджете 2Гис

В поле «Название организации» напишите название своей организации.

Указание названия организации в виджете 2Гис

Выберите свою организацию из списка.

Выбор организации из списк в виджете 2Гис

Если ваша организация не нашлась, то рекомендуем обратиться в 2Гис, чтобы её добавили или воспользоваться другим сервисом для создания интерактивной карты для сайта.

Нажмите на свою организацию в списке. У вас получиться что-то вроде этого.

Как выглядит выбранная организация в виджете 2Гис

Нажмите на кнопку «Изменить размер».

Кнопка для изменение размера карты в виджете 2Гис

Откроется окно изменения размером карты. Укажите подходящие размеры и нажмите на кнопку «Сохранить».

Изменение размера карты в виджете 2Гис

Нажмите на кнопку «Далее».

Кнопка для заверешния создания карты 2Гис для сайта

Поставьте галочку, что согласны с условиями и нажмите на кнопку «Получить код».

Согласие на условия и получение кода карты 2Гис для сайта

Появиться код интерактивной карты 2Гис. Скопируйте его и вставьте в блокнот.

Код карты 2Гис для сайта

Найдите строчку «"width":». Измените цифры размера на «"100%"». В нашем примере мы изменили «640» на «"100%"». Получилось так.

Адаптация карты 2Гис сайта под разные размеры экрана

Тогда карта будет адаптироваться под разные размеры экрана.

Скопируйте код из блокнота и вставьте в необходимое поле на сайте. В ezCatalog CMS такое поле называется «Код отображения карты проезда». Оно находиться в разделе панели управления «Контактные данные сайта».

Подпишись на рассылку
о маркетинге, seo-продвижении, электронной коммерции и продажах
Продолжая использовать наш сайт, вы даете согласие на обработку файлов cookie, которые обеспечивают правильную работу сайта. Благодаря им мы улучшаем сайт, обслуживание и товары.