Как создать интерактивные карты. 2GIS

Добавляйте на вашу карту отметки, маршруты, выделяйте области

Российский конструктор карт 2GIS помогает создавать интерактивные карты, на которых отмечать точки, маршруты и выделять области. Карту можно добавить на любой сайт.

В базе конструктора интерактивных карт 2GIS около 170 населенных пунктов: городов, регионов (например, республика Алтай). Другие города по поиску не находятся. Но на карте некоторые присутствует, чтобы добавить в такой населенный пункт отметку или выделить на ней область, придется приближать вручную.

Конструктор карт 2GIS простой в использовании и бесплатный, чтобы им воспользоваться, регистрация не нужна. Он позволяет добавлять на карту:

  • отметки — чтобы указать на конкретное место или адрес,
  • линии — чтобы показать маршрут забега, перекрытые улицы, дорогу от точки А до точки Б,
  • фигуры — квадраты, круги, многоугольники — чтобы выделить на карте небольшой участок или целый район.

Откройте сервис 2GIS. В верхней строке выберите город из списка и при необходимости укажите адрес. Если города в списке нет, найдите его вручную на карте.

Не все города, находящиеся в базе 2GIS, российские. Поиск не всегда поможет найти нужный населенный пункт, поэтому его придется искать вручную

В верхней панели выберите отметку, линию или фигуру и поместите ее в нужное место.

В левой панели можно отредактировать текст метки, настроить цвет, толщину линии и другие свойства фигур и ​​добавить описание. Его пользователи увидят, когда кликнут на объект. Название отметки будет сразу отображаться на карте.

Все отметки, линии и фигуры на карте появятся в левой панели. Там их можно дополнительно редактировать. Чтобы удалить объект, выберите его из списка и нажмите на крестик.

Интерактивную карту, созданную в конструкторе 2GIS, не получится расшарить отдельной ссылкой. Ее кодом необходимо встроить на сайт.

Но прежде в верхней панели настройте ширину и высоту карты.

Ширина автоматически указана 100% — это значит, что ширина подстроится под ширину вашего сайта. Высоту всегда указывают в пикселях.

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

Над материалом работали:
Ольга Бердецкая
Иллюстрации:
скриншоты конструктора карт 2GIS

Подводя итоги:

1
выберите город
2
добавьте метки
3
поделитесь картой