31 августа 1854 года в Лондоне, в районе Сохо произошла крупная вспышка холеры, позже названная «самой ужасной вспышкой холеры, которая когда-либо происходила в этом королевстве». В течение трех дней 127 человек на Брод-стрит или рядом с ней погибли. В течение следующей недели три четверти жителей покинули этот район. К 10 сентября умерло 500 человек. К концу эпидемии умерло 616 человек.

Доминирующая в то время теория говорила, что холера вызывается частицами в воздухе или «миазмами» из почвы, окружающей Темзу. Скептически относившийся к этой теории лондонский врач Джон Сноу в поисках причины вспышки инфекции нанёс на карту известные ему смертельные случаи.

Все они концентрировались вокруг одного конкретного водяного насоса. Сноу использовал карту, чтобы показать, что в домах около этого насоса уровень смертности от холеры был в 14 раз выше, чем в других.

Карта Джона Сноу с тех пор считается первым использованием географического метода к анализу эпидемий.

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

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

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

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

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

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

Китай объявил о том, что планирует стать углеродно-нейтральным к 2060 году. Эколог Ма Цзюнь рассказывает о приложении Blue Map («Голубая карта»), с помощью которого жители могут сообщать о загрязнении окружающей среды в своём районе, отслеживать экологические данные в режиме реального времени, привлекать к ответственности нарушителей. Карта демонстрирует данные более чем 14 000 заводов.

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

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

Попробуем отобразить участников московской «Библионочи-2023» и рассказать, какие мероприятия стоит посетить.

Чтобы попасть в Конструктор карт, зайдите на сайт Яндекс.Карты и в правом верхнем углу нажмите на три полоски (если вы не авторизованы) или на ваш аватар (если вы авторизованы). Затем в меню слева выберите «Мои карты».

В новой вкладке откроется «Конструктор карт Яндекса». Если вы уже создавали карты, они появятся в списке. Чтобы создать новую — нажмите желтую кнопку «Создать карту».

Если карта открылась не в той области, которая вам нужна, сдвиньте её в сторону или напишите название города в поле «Адрес или объект». Точно так же вы можете и добавить первые метки: укажите название или адрес учреждения. Если не знаете адреса, приблизьте карту (например, зажав правую кнопку мыши и выделив область), затем кликните по нужному зданию.

Дайте карте понятное название, например, «Библионочь 2023». Сделайте описание, чтобы не запутаться в созданных интерактивах.

Добавьте первую точку, кликнув по зданию или введя название библиотеки в поле «Адрес или объект». Задайте название, описание и настройте внешний вид метки. Выберите подходящий цвет и форму, решите, будут ли объекты пронумерованы — или выберите иконку из выпадающего списка.

Инструмент «Линии» поможет соединить точки маршрутом. Нажмите на кнопку — она подсветится желтым — и кликните по нужной точке на карте. Затем найдите вторую точку и кликните на неё.

Если вы случайно поставили точку не там, где надо, удалите её, кликнув левой кнопкой мыши и выбрав соответствующий пункт в выпадающем меню.

Когда вы соединили все метки маршрута, нажмите левой кнопкой мыши на последнюю точку и выберите пункт «Завершить». Не забудьте отжать кнопку «Линия», если не планируете рисовать следующий маршрут. Готовые линии можно отредактировать и задать нужные параметры: описание, цвет, прозрачность и толщину.

Можно рисовать не только линии, но и выделять область. Функция называется «Многоугольники». Точки, которые вы расставите, будут образовывать замкнутую фигуру. Нажмите на последнюю левой кнопкой мыши и выберите пункт «Завершить».

По клику на точку многоугольника можно перейти к рисованию внутреннего контура. Так выделяются области сложной формы.

У многоугольников можно редактировать: описание, цвет, прозрачность, внутренней заливки, толщину и прозрачность контура.

При значении 0 получите полностью прозрачную область, при 100 — многоугольник перекроет карту. Толщина контура меняется от 0 до 99.

Проверьте работоспособность карты перед публикацией, убедитесь, что все метки отображаются правильно. В левом нижнем углу нажмите жёлтую кнопку «Сохранить и продолжить». В панели слева выберите варианты «Вставить на сайт» и «Интерактивная карта».

Выделите нужную область карты, растягивая края рамки. Максимальное разрешение — 1280 на 720 пикселей. Подумайте над соотношением сторон: будут ли карту открывать на телефонах или на широком экране?

Нажмите слева кнопку «Получить код карты». Переключите вкладку сверху на вариант «iFrame» и скопируйте код. После этого его можно встроить на ваш сайт.

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

Создавая свой проект, расставляя точки, вы можете вносить в строку поиска не только город, но и конкретный адрес с номером дома, и географические координаты (широта, долгота).

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

Эмиль Йоханссон, студент-химик из Швеции впервые прочитал «Властелина колец» в 2000 году, как раз перед выходом фильмов. Погружаясь всё глубже в волшебный мир, он начал зарисовывать свои представления на бумаге. Так родился LotrProject, посвященный работам Дж.Р. Р. Толкина.

Google совместно с Университетом штата Аризона и NASA создали интерактивную карту поверхности Марса. В меню можно выбрать, что вы хотите увидеть на «красной планете». Вы можете переместиться в какой-нибудь конкретный каньон или, например, узнать, где сейчас находятся земные космические аппараты, отправленные на Марс.