Какие темы можно раскрыть через формат интерактивной карты
2
Какие три ключевые элемента вы можете нанести на карту
3
Как создать интерактивную карту в Яндекс.Картах
Что лучше текста может показать масштаб события или сориентировать в пространстве? Интерактивная карта. Этот формат будто создан специально для того, чтобы создавать наглядные и понятные истории с привязкой к местности.
Карты спасают жизни
31 августа 1854 года в Лондоне, в районе Сохо произошла крупная вспышка холеры, позже названная «самой ужасной вспышкой холеры, которая когда-либо происходила в этом королевстве». В течение трех дней 127 человек на Брод-стрит или рядом с ней погибли. В течение следующей недели три четверти жителей покинули этот район. К 10 сентября умерло 500 человек. К концу эпидемии умерло 616 человек.
Доминирующая в то время теория говорила, что холера вызывается частицами в воздухе или «миазмами» из почвы, окружающей Темзу. Скептически относившийся к этой теории лондонский врач Джон Сноу в поисках причины вспышки инфекции нанёс на карту известные ему смертельные случаи.
Все они концентрировались вокруг одного конкретного водяного насоса. Сноу использовал карту, чтобы показать, что в домах около этого насоса уровень смертности от холеры был в 14 раз выше, чем в других.
Карта Джона Сноу с тех пор считается первым использованием географического метода к анализу эпидемий.
Оригинальная карта, составленная Джоном Сноу в 1854 году. Посмотрите, как эта карта могла бы выглядеть, если бы в середине XIX века были доступны мультимедийные инструменты для создания интерактивных карт.
При создании интерактивных карт важно всегда помнить, что такая карта — это инфографика. То есть визуализированные данные. Без данных карта будет простой иллюстрацией. Продумывая свои проекты на основе карт, ищите проверенные данные, привязанные к той или иной территории.
Примеры интерактивных карт
Проекты могут быть простыми или сложными, содержать 10 строк данных или сотни тысяч.
Каждая точка на карте — это реальное дерево в городе. Каждое дерево посчитано, на него заведен паспорт. Вы можете узнать все подробности о жизни конкретного растения — от его возраста до даты последнего полива.
Интерактивная карта даёт пользователям дополнительную информацию о винах, виноградниках и сортах винограда, которые они могут найти, путешествуя по винодельческим регионам страны.
Используя данные этой карты, можно выявить закономерности. Некоторые читатели в комментариях сопоставили новостройки и школы, определив причины загруженности.
Карта возраста домов
Передвигая бегунок таймлайна, вы можете увидеть дома, построенные в выбранный вами период истории. Наблюдайте, как застраивались Петербург, Воронеж, Архангельск, Пенза и другие российские города.
“
«Я не могу рекомендовать, чтобы любая история, любой репортаж сопровождались каким-то интерактивом. Мне часто предлагают: „Давай вот к этой истории прикрутим графики или карту интерактивную“. И я тот человек, который отвечает: „Нет, не надо ко всему прикручивать интерактив“. Он нужен, когда в репортаже много цифр, много данных, которые делают текст громоздким».
Эван Вагстафф
старший разработчик отдела новостей San Francisco Chronicle
Преимущество карт в том, что они наглядны, а с помощью интерактивных сервисов ещё и многофункциональны. С помощью карт можно измерить расстояние, оценить масштаб, увидеть внешний вид улиц, узнать информацию о реальном объекте, определить местоположение.
Если информации много, лучше её разбить на несколько слоёв, кластеров и дать возможность читателю управлять, какие именно данные он хочет увидеть. Интересные проекты получаются также, если дать пользователям возможность добавлять данные на карту самостоятельно.
Как использовать карты для решения глобальных проблем
Китай объявил о том, что планирует стать углеродно-нейтральным к 2060 году. Эколог Ма Цзюнь рассказывает о приложении Blue Map («Голубая карта»), с помощью которого жители могут сообщать о загрязнении окружающей среды в своём районе, отслеживать экологические данные в режиме реального времени, привлекать к ответственности нарушителей. Карта демонстрирует данные более чем 14 000 заводов.
Ключевые элементы интерактивной карты
Точка
Отмечает определённые координаты на карте. На точку можно установить метку — специальную иконку. Если использовать несколько разных типов меток, группировать их по цветам, то на карте можно закодировать более сложную информацию. Например, отдельно показывать ДТП с участием велосипедов и отдельно — ДТП с участием мотоциклов.
Линия
Расстояние между двумя точками. Можно начертить один отрезок, можно составить ломаную линию. Обозначает расстояние, маршрут, границы. Для линий можно настроить цвет и толщину, это поможет визуально сгруппировать их.
Полигон
Замкнутая линия с закрашенной внутренней областью. Служит для обозначения объектов, областей, зон распространения явлений. Google Maps показывают площадь и периметр полигонов, а Яндекс Карты умеют создавать сложные фигуры с внутренним контуром.
Мультимедийное наполнение
Многие сервисы имеют различные возможности по внедрению мультимедиа. Например, вы можете добавить изображение или видео, появляющиеся по клику на объект, текстовые подписи или ссылки на сторонние сайты.
Точки
Каждая точка — фотография этой территории, сделанная космонавтами с борта Международной космической станции
Линия
Проект отслеживает процесс возведения Американо-мексиканской стены
Полигон
Проект показывает, как изменялись границы России на протяжении веков
Создавая свой проект, расставляя точки, вы можете вносить в строку поиска не только город, но и конкретный адрес с номером дома, и географические координаты (широта, долгота).
Задайте себе вопросы
1
Связана ли ваша тема с какой-то территорией?
Если для вашей истории важно показать, где именно она происходила, возможно, формат интерактивной карты вам подойдёт.
2
Можете ли вы найти и верифицировать данные, относящиеся к истории?
Этих данным может быть немного: даже одна знаковая точка, нанесенная на карту, может быть важным фрагментом истории. Важно, чтобы ваши данные были достоверными.
3
Какие элементы лучше всего отразят содержание ваших данных?
Подумайте над смыслом того, что вы хотите рассказать через формат карты. Понадобятся ли вам точки? Или на карте вам важнее провести линию? Или ваш рассказ нужно дополнить полигонами? Для удобства восприятия и интерпретации данных в большинстве случаев работает принцип «одна карта — один тип элементов».
4
Статика или интерактив?
Интерактивные карты удерживают внимание пользователя за счёт того, что он(а) может самостоятельно погрузиться в изучение данных. Подумайте, входит ли это погружение в ваш авторский замысел.
Карта необязательно должна быть земной
Истории, рассказанные через формат карты, могут рассказывать о событиях, происходивших в вымышленных мирах. Или в реальных, но расположенных в сотнях миллионов километров.
Карта Средиземья
Эмиль Йоханссон, студент-химик из Швеции впервые прочитал «Властелина колец» в 2000 году, как раз перед выходом фильмов. Погружаясь всё глубже в волшебный мир, он начал зарисовывать свои представления на бумаге. Так родился LotrProject, посвященный работам Дж.Р.Р. Толкина.
Google совместно с Университетом штата Аризона и NASA создали интерактивную карту поверхности Марса. В меню можно выбрать, что вы хотите увидеть на «красной планете». Вы можете переместиться в какой-нибудь конкретный каньон или, например, узнать, где сейчас находятся земные космические аппараты, отправленные на Марс.
Учимся у мастеров
Обратите внимание на разнообразие тем, которые могут быть представлены в формате интерактивной карты
Карта помогает выявлять реальные причины ДТП, оценивать уровень развития инфраструктуры, а также разрабатывать качественные решения и программы по повышению безопасности на улицах и дорогах.
Карта построена на основе базы данных по истории и географии лагерей, колоний и спецпоселений, существовавших на территории России с первых лет советской власти и до конца 1950-х годов.
На карте показана информация о писателях и поэтах, связанных с городом Portsmouth и его окрестностями, а также представлены цитаты из литературных произведений, связанных с конкретными местами в городе.
Создатели этой интерактивной карты использовали данные базы IMDb, чтобы определить 50 наиболее часто снимаемых улиц США, появившихся в голливудских фильмах или сериалах Netflix.
Numbeo — крупнейшая в мире база данных о стоимости жизни. На карту нанесено несколько «слоёв» информации о качестве жизни: показатели стоимости жилья, воспринимаемый уровень преступности, качество здравоохранения, качество общественного транспорта и другие статистические данные.
Как создать интерактивную карту
Зафиксируем ключевые шаги
Проверяем, важно ли для полноты нашей истории показать читателю, где именно происходили события.
01
Составляем таблицу с данными для размещения на карте
02
Выбираем сервис, с помощью которого будем создавать интерактивную карту
03
Размещаем точки и линии на карте, размечаем полигоны, наполняем всплывающие карточки значимой для пользователя информацией
04
Вставляем embed-код в материал на сайте или блоге, проверяем корректность работы интерактивной карты