Уже доступно: станьте сертифицированным экспертом по презентациям бесплатно Взять курс

Как создать интерактивную карту в Visme [Советы и шаблоны]

Автор статьи Chloe West
Опубликовано Дек 01, 2021
Как создать интерактивную карту в Visme [Советы и шаблоны]

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

Вот несколько примеров того, как можно использовать этот полезный инструмент:

  • Карта социальных и демографических тенденций (например, численность и плотность населения, народы, языки, статистика разводов, преступлений и т.п.)
  • Сравнение по странам (например, данные опросов по разным странам)
  • Карта региональных тенденций (например, страны Южной Америки с наибольшим приростом населения, этнический состав стран Азии и т.п.)

По данным опроса Института контент-маркетинга, 81% маркетологов считают, что интерактивный контент привлекает внимание аудитории намного лучше, чем статичный.

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

Взгляните, к примеру, на эту интерактивную карту со статистикой распространения коронавируса в США.

Наведите указатель на любой штат, и вы увидите статистику по нему. Впечатляет? Интерактивный контент привлекает внимание, и пользователи с большой вероятностью задержатся на нем.

Мы подготовили для вас краткое руководство о том, как создать интерактивную карту в Visme – такую, как карта в нашем примере выше.

 

1 Выберите шаблон интерактивной карты.

Начните создание интерактивной карты с выбора подходящего шаблона.

В библиотеке Visme есть множество шаблонов для разных целей, в том числе и шаблоны интерактивных карт.

create interactive map - choose an interactive map template
Найдите идеальный шаблон для вашей интерактивной карты!Выбрать шаблон

Если вы не нашли подходящий шаблон, создайте дизайн с нуля. Войдите в личный кабинет Visme и создайте новый проект. Затем откройте раздел Data (Данные) на панели слева и добавьте карту.

create interactive map - visme's data visualization tools

 

2 Выберите страну или регион.

В Visme вы можете создать даже карту мира! Добавив карту, нажмите на нее, а затем на кнопку Settings (Настройки) в левом верхнем углу.

create interactive map - choose your region

Найдите нужную страну, набрав название в строке поиска или просто найдя ее в списке. Если вы хотите визуализировать данные по целому региону, например Азии или Африке, откройте вкладку Regions (Регионы).

Выбрав страну или регион, нажмите на кнопку Edit This Map (Редактировать карту) под превью карты, чтобы ввести данные.

 

3 Введите данные.

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

В таблице уже введены данные по штатам, странам и регионам, но вы можете заменить их на другие.

create interactive map - input your data

Нажмите на панель Add More Data (Добавить данные) и вставьте данные из Excel или Google Таблиц.

Можно добавить любое число колонок – не забудьте изменить их названия, нажав на шапку таблицы.

turn boring numbers into beautiful data with visme

 

4 Выберите цвета для интерактивной карты.

Теперь вы можете настроить цвета вашей карты. На вкладке Map Data (Данные карты) можно выбрать цвета разных регионов, что сделает числа и данные ещё более наглядными.

create interactive map - color code your map
Создайте интерактивную карту сегодня!Попробовать бесплатно

Чтобы добавить новый цвет, нажмите значок плюса. Все использованные оттенки сохраняются на вкладке Colors (Цвета).

На вкладке Presets (Пресеты) можно выбрать палитру из коллекции пресетов Visme, а на вкладке More Palettes (Другие палитры) будут ваши фирменные цвета, если вы их добавили.

 

5 Настройте карту.

На вкладке Map Settings (Настройки карты) есть дополнительные настройки.

create interactive map - customize your settings

Настройки стиля

Например, настройка Global Map Color (Глобальный цвет карты) позволяет выбрать общий цвет для всех регионов, для которых вы не указали цвет на предыдущем шаге. Здесь также можно включить или отключить показ границ между штатами и регионами с помощью переключателя Show Borders (Показывать границы), а также выбрать цвет границ левее от переключателя.

Переключатель Show Caption on Hover (Показывать данные при наведении) служит для того, чтобы включить или отключить отображение данных при наведении указателя на штат или регион. Посмотрите, какой цвет будет лучше выглядеть на фоне основного цвета карты – темный или светлый, и выберите его слева от переключателя.

Настройки данных

Затем вы можете включить отображение данных, введенных на вкладке Map Data (Данные карты). Для этого активируйте настройку Area Value Map (Карта на основе значений).

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

Если вам нужно визуализировать числовые данные, это можно сделать с помощью цветов и их оттенков.

Задайте диапазон цветов, указав начальный и конечный цвет в разделе Area Value Colors (Цвета значений). Программа автоматически назначит каждому значению свой оттенок из этого диапазона и раскрасит карту в соответствии со значениями.

Кроме того, вы можете активировать функцию Show Legend (Показать легенду) – тогда назначенные значениям цвета будут показаны в легенде. В выпадающем меню можно выбрать место размещения легенды: справа, слева, сверху или снизу.

Выберите темный или светлый цвет текста легенды в зависимости от цвета фона.

 

6 Поделитесь вашей интерактивной картой.

Наконец, вы можете поделиться своей интерактивной картой с миром. Нажмите кнопку Share (Поделиться) вверху экрана и выберите подходящий вариант.

create interactive map - share your map
Создайте интерактивную карту сегодня!Попробовать бесплатно

На вкладке Publish for Web (Опубликовать для сети) можно сгенерировать ссылку, чтобы поделиться ей в социальных сетях или по почте. На вкладке Ember (Встроить) можно получить код для встраивания, чтобы добавить интерактивную карту на любую страницу вашего сайта.

 

Создайте интерактивную карту сегодня!

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

Автор статьи Chloe West

Хлоя Уэст - менеджер по контент-маркетингу в Visme. Она - настоящий специалист в своей профессии. Хлоя имеет четкое представление обо всем: от социальных сетей, ведения блогов и электронного маркетинга до графического дизайна, создания и реализации стратегий продвижения. В свободное время Хлоя любит исследовать свой родной город Чарльстон вместе с сыном.

Создавайте лучший контент!

Создайте дизайн бренда для своего бизнеса, независимо от вашего уровня подготовки.

Попробуйте Visme бесплатно