Как сделать интерактивную карту. Обзор 13 сервисов

Создавайте собственные карты, добавляйте слои и элементы

Карты — отличный способ рассказать, как событие разворачивалось на местности. Если у вашей истории есть маршрут или ключевые точки в разных местах, или же есть характеристика для определённой области, покажите всё это на карте. Преимущество карт в том, что они наглядны, а с помощью интерактивных сервисов ещё и многофункциональны.

Идеи использования интерактивных карт в журналистике и при создании медиапроектов

  • Показ событий в реальном времени: Интерактивные карты могут отображать развитие событий в реальном времени, будь то выборы, естественные катастрофы или крупные события,
  • Инфраструктурные проекты: Представление сложных инфраструктурных проектов с помощью карт помогает аудитории лучше понять их масштаб и значимость,
  • Исторические реконструкции: Создание карт, отображающих исторические события или изменения в ландшафте городов и стран на протяжении веков могут быть как частью журналистских проектов, так и образовательным и просветительским контентом,
  • Исследовательская журналистика: Визуализация данных о распределении ресурсов, демографических изменениях или экономических тенденциях помогает объяснить пользователям сложные процессы,
  • Экологическая журналистика: Отображение информации о состоянии окружающей среды, мониторинге загрязнения, изменении климата на карте гораздо более наглядно и доходчиво.
  • Социальные проекты: Карты, представляющие социально-экономическое положение различных регионов, доступность образования, медицинских и социальных услуг служат навигаторами для граждан,
  • Путешествия и туризм: Такие карты могут служить не только вдохновением, но и практическим руководством, помогая планировать поездки, выбирать отели, рестораны и достопримечательности, а также избегать туристических ловушек. Создание подобных карт может быть полезным для туристических агентств, блогеров, занимающихся путешествиями, и местных администраций, стремящихся привлечь внимание к своим регионам.
Владимир Хацкевич
Владимир Хацкевич,
автор проекта «ХоумХаб»

Карта — реальное отражение происходящих в мегаполисе изменений, среди которых как позитивные, так и резко негативные.

Использование интерактивных карт позволяет журналистам не только передавать информацию более наглядно, но и вовлекать читателя в анализ представленных данных.

Сервисы для создания интерактивных карт

Google Maps

Google Maps предлагает широкий спектр инструментов для создания интерактивных карт, включая настройку маршрутов, точек интереса и слоев данных. Сервис поддерживает интеграцию с другими продуктами Google, такими как Google Drive и Sheets, что делает его удобным для совместной работы и обмена данными. Платформа идеально подходит для создания карт путешествий, охвата событий в реальном времени и визуализации инфраструктурных проектов.

Создайте свою карту в Google Maps
Как нанести на Google Maps сто и более адресов

Яндекс Карты

Яндекс Карты предоставляют гибкие возможности для создания пользовательских карт с подробным описанием объектов, маршрутов и областей. Функционал включает в себя подробные карты городов России и некоторых стран СНГ, возможность добавления собственных меток и маршрутов. Пользователи отмечают высокую точность картографических данных и удобство использования в русскоязычном сегменте.

Создайте свою карту в Яндекс.Картах
Как создать интерактивную карту в сервисе Яндекс.Карты

OpenStreetMap

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

Создайте свою карту в OpenStreetMap
Проект «ХоумХаб», построенный на основе OpenStreetMap

Александр Богачев
Александр Богачев,
автор проекта «Московский голубь мира»

Пришлось много корректировать маршрут, учитывать запретные места. На помощь пришли сервисы «2ГИС» (правда, их пешие маршруты немного отличались от гугловских) и панорамы Яндекса. Я изучал и совмещал автомобильные, пешие и велосипедные дороги. Это заняло много времени. У меня было 10 разных вариантов пока не получился более-менее сносный план.

2ГИС

2ГИС предлагает карты с подробной информацией о коммерческих объектах и услугах в более чем 350 городах. Сильная сторона сервиса — подробные справочники организаций с фильтрацией по видам деятельности. Это особенно полезно для путешественников и местных жителей, ищущих услуги в своем городе.

Конструктор карт 2ГИС

ZeeMaps

ZeeMaps позволяет создавать кастомизированные карты с метками, цветовыми кодами и аннотациями. Особенно подходит для визуализации географического распределения данных, создания интерактивных карт событий и социальных проектов. Платформа предлагает удобные инструменты для импорта данных из различных источников и интеграции карт на веб-сайты.

Конструктор карт ZeeMaps

ArcGIS

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

Создайте свою карту в ArcGIS

Carto

CARTO специализируется на анализе и визуализации больших данных. Это инструменты для создания интерактивных карт и дашбордов. Решение подходит для исследователей и журналистов, кому нужны аналитические инструменты для отображения сложных данных.

Загрузите свои данные в CARTO

Дмитрий Сухарев
Дмитрий Сухарев,
инициатор проекта «Море, сосны и феодальная верность»

Обрабатывать выписки, делать сводные таблицы приходилось руками. Работа требовала усидчивости. Было сложно. Нанесли данные по дачам на карту, чтобы понять, что там происходило.

Scribble Maps

Scribble Maps предлагает простые инструменты для создания карт с возможностью добавления текста, меток и символов. Платформа отлично подходит для образовательных проектов и планирования маршрутов, предоставляя пользователю большую свободу в дизайне. Вы даже можете рисовать на ней.

Создайте свою карту в Scribble Maps

Storymap JS

StoryMap JS от Knight Lab позволяет создавать интерактивные рассказы. основанные на картах. Сервис предоставляет простой интерфейс для сочетания карт с мультимедийным контентом. Фактически, вы создаёте интерактивный журнал, где пользователь двигается по маршруту, погружаясь в историю.

Создайте своё интерактивное путешествие в Storymap JS

Tripline

Tripline позволяет пользователю создавать интерактивные карты маршрутов путешествий с возможностью добавления описаний, фотографий и видео. Это идеальный инструмент для путешественников и блогеров, желающих рассказать о своих приключениях.

Начните собирать материалы для Tripline

Datawrapper

Datawrapper предлагает интуитивно понятные инструменты для создания красочных, интерактивных карт и инфографики без необходимости программирования. Это идеальный выбор для журналистов, аналитиков и маркетологов, желающих визуализировать статистические данные и географическую информацию. В сервисе вы сможете сделать хороплет и пузырьковую карту. Datawrapper особенно подходит для создания интерактивных отчетов, исследовательских проектов и образовательного контента.


Создать свою карту в Datawrapper
Инструкция по созданию карты хороплет в Datawrapper

Максим Поляков
Максим Поляков,
редактор проекта «Управляемое сжатие»

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

Flourish

Flourish предлагает широкий спектр шаблонов карт, от простых точечных до сложных хороплетов и тепловых карт. С помощью Flourish можно создавать детализированные карты с настраиваемыми маркерами, всплывающими подсказками и слоями данных. Пользователи могут загружать собственные наборы данных или интегрировать их через API.

Загрузить свои данные в Flourish

Mapbox

Mapbox позволяет пользователям создавать кастомизированные карты с высокой степенью детализации и точности. Здесь вы найдёте уличные карты, спутниковые изображения и топографические карты. Сервис также поддерживает добавление собственных данных и слоев для создания интерактивных визуализаций. У Mapbox есть API для разработки приложений с уникальными картографическими решениями. Платформа идеальна для проектов, требующих детализированных карт для анализа и визуализации данных. Например, проектов по городскому планированию, логистике, экологическому мониторингу. Если вы создаёте приложение на основе карт, рассмотрите Mapbox в качестве платформы.


Начать свой проект в Mapbox

Сравнительная таблица сервисов
для создания интерактивных карт

Сервис
Удобство использования
ФункционалКастомизацияПоддержка мобильных устройств


Ценовая политика

Подходит для
Google MapsВысокое⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️Бесплатно/ПлатноПутешествия и туризм, Охват событий в реальном времени, Инфраструктурные проекты
Яндекс Карты
Высокое⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️Бесплатно/ПлатноПутешествия и туризм, Показ событий в реальном времени
OpenStreetMap
Среднее
⭐️⭐️⭐️⭐️⭐️⭐️⭐️БесплатноИсследовательская журналистика, Экологическая журналистика
2ГИС
Высокое⭐️⭐️⭐️⭐️⭐️БесплатноПутешествия и туризм
ZeeMapsСреднее
⭐️⭐️⭐️⭐️⭐️⭐️Бесплатно/ПлатноСоциальные проекты, Исторические реконструкции
ArcGISСреднее
⭐️⭐️⭐️⭐️⭐️⭐️⭐️ПлатноИсследовательская журналистика, Экологическая журналистика, Инфраструктурные проекты
CartoDBСреднее
⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️Бесплатно/ПлатноИсследовательская журналистика, Анализ больших данных
Scribble Maps
Высокое⭐️⭐️⭐️⭐️⭐️⭐️⭐️Бесплатно/ПлатноПланирование маршрутов, Образовательные проекты
StoryMap JS
Высокое⭐️⭐️⭐️⭐️⭐️⭐️БесплатноИсторические реконструкции, Образовательные проекты, Путешествия и туризм
TriplineСреднее
⭐️⭐️⭐️⭐️⭐️Бесплатно/ПлатноПутешествия и туризм
DatawrapperВысокое
⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️Бесплатно/ПлатноИсследовательская журналистика, Анализ больших данных, Создание инфографики и отчетов, Образовательные проекты
FlourishВысокое⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️Бесплатно/ПлатноИсследовательская журналистика, Анализ больших данных, Создание интерактивных отчетов и презентаций, Образовательные проекты
MapboxСреднее
⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️Бесплатно/ПлатноГородское планирование, Логистика, Экологический мониторинг, Туристические приложения, Исследовательские проекты

Интерактивный глобус

Отдельным приложением Google предлагает интерактивную модель мира — Google Earth. На ней отлично видны рельеф и реальные размеры объектов. Многие крупные города отрисованы в 3D.

Краудсорсинг на карте

Wikimapia

Wikimapia — это онлайн-картографический проект с элементами социальной сети, который стремится “описать весь мир”. Проект сочетает в себе открытую для редактирования карту, подобную Google Maps, с функционалом, напоминающим Wikipedia.

Wikimapia — проект, где пользователи могут добавлять и редактировать объекты на карте
Пользователи могут добавлять и редактировать объекты на карте, предоставляя описания, фотографии и другую информацию о различных местах по всему миру.

Wikimapia представляет богатый массив локальной информации, собранной сообществом пользователей со всего мира. Проект помогает узнать больше о малоизвестных местах, планировать путешествия и исследовать географические особенности разных регионов.

Изучить проект Wikimapia

Народная карта Яндекса

Проект Яндекса, который позволяет пользователям самостоятельно добавлять и редактировать информацию о различных объектах на карте, таких как дороги, здания, магазины, кафе и другие точки интереса.

Интерактивная карта, где объекты могут добавлять пользователи
Интерактивный сервис, построенный по принципу вики-технологий, где каждый пользователь может внести свой вклад в создание и корректировку карты, делая её более точной и информативной.

Пользователи могут исправлять ошибки, добавлять новые объекты и детализировать карту, что было особенно важно для быстро меняющихся городских и сельских ландшафтов.

Внести свой вклад в Народную карту

Используйте интерактивные карты в своих материалах

С помощью карт можно:

  • построить маршрут
  • измерить расстояние
  • оценить масштаб
  • увидеть любую улицу глазами прохожего
  • узнать информацию о реальном объекте
  • определить местоположение (как своё, так и других)
  • определить и сравнить характеристики городов и регионов

Интерактивные карты становятся не просто инструментом визуализации данных, но и способом повысить вовлеченность аудитории. Они позволяют объединять большие массивы данных в доступном и наглядном формате. Использование интерактивных карт в журналистских материалах делает их более увлекательными и информативными. Но помните, что качество публикации во многом зависит от аккуратности, с которой обрабатываются и представляются данные.

Над материалом работали:
Оксана Силантьева
Иллюстрации:
скриншоты сервисов
Инструкция актуальна:
на апрель 2024 года

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

1
соберите данные
2
подберите сервис
3
создайте карту