Как создавать интерактивные карты с MapHub

1. Бесплатная ежедневная рассылка

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

У нас есть раньше писали об инструментах картирования, поэтому обязательно ознакомьтесь со списком (и следите за обновлениями!), но пока что это руководство покажет вам, как создать быструю интерактивную карту, используя бесплатная платформа MapHub , который в настоящее время доступен в бета-версии.

Создание интерактивной карты с MapHub

1 - Перейти к https://maphub.net/map .Вы увидите карту, показывающую ваше текущее местоположение. Перемещайтесь или используйте панель поиска вверху, чтобы найти определенное место.

Для этого я создам карту, показывающую расположение трех лондонских газетных зданий.

При поиске я обнаружил, что инструмент дает лучшие результаты, если вы ищете название улицы, а не почтовый индекс или точное название здания, например «News UK» или «The Economist».

2 - Вы также можете импортировать свои собственные существующие данные в формате KML / KMZ, GPX или GeoJSON, нажав кнопку «Импорт» справа и загрузив документ с вашего компьютера.

3 - Затем выберите фон вашей карты из списка параметров, которые включают шесть собственных макетов MapHub, а также список других из Thunderforest, MapQuest и CartoDB, например. Я выбрал фон на открытом воздухе.

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

Используйте вторую кнопку в списке, называемую «Точка», чтобы разместить свой первый маркер на карте, как я сделал с 1 London Bridge, и дайте ему имя. Вы также можете изменить цвет булавки и установить значок, чтобы проиллюстрировать, что это такое, например, здание.

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

5 - Совет. Поиск по названию улицы, как в приведенном выше примере, не приведет вас к этому конкретному местоположению, а скорее покажет его общую окрестность на карте. Чтобы точно определить его, вы можете ввести долготу и широту в соответствующие поля справа.

Эти координаты легко получить с Google Maps - найдите адрес, щелкните правой кнопкой мыши на булавке, выберите «что здесь», и они появятся в поле в нижней части экрана. Скопируйте и вставьте их в MapHub, и ваш пин-код автоматически переместится.

Это займет немного больше времени, но я не смог достичь того же результата в MapHub, поэтому я решил получить их из Google Maps.

6 - добавьте еще несколько булавок к вашей карте - я остановился на трех: News UK, The Economist и Daily Mirror.

7 - Теперь, когда у вас есть несколько мест, вы можете отслеживать маршрут между ними. Нажмите на третью кнопку в левом меню с указанием многоугольника.

Уменьшите масштаб, чтобы увидеть все ваши точки четко и с выбранным инструментом многоугольника, затем нажмите на каждый маркер и затем снова выберите начальную точку, чтобы сообщить о завершении маршрута, или нажмите кнопку Esc или Enter на клавиатуре.

8 - Вы всегда можете проследить свой маршрут, удалить его и начать заново или переместить свои булавки на карте. Как только вы довольны результатом, нажмите «Сохранить».

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

9 - кнопка «поделиться» рядом с «импорт» позволит вам загрузить карта в формате KML, GPX, GeoJSON или JPG, а также получите пользовательскую ссылку на него и создайте код для встраивания для своего веб-сайта.

Существуют ли другие инструменты картирования, которые вы использовали и нашли полезными? Дайте нам знать в Twitter на @journalismnews ,

Бесплатная ежедневная рассылка

Если вам понравились наши новости и тематические статьи, вы можете Подписаться получать наши бесплатные ежедневно (пн-пт) электронная рассылка (мобильный дружественный).