Как создать свою интерактивную карту

Активисты из Кургана сделали «Карту недоступности». На ней волонтеры отмечают недоступные для людей с инвалидностью переходы и тротуары. Карта была создана с помощью плагина shMapper. Рассказываем подробнее о возможностях плагина и объясняем, как создать карту для вашего проекта.

Что такое shMapper? 

shMapper — бесплатный плагин для WordPress, созданный Теплицей социальных технологий в 2019 году. Расшифровывается как simple human mapper, или простой человечный картограф. С помощью плагина можно сделать интерактивную карту на базе «Яндекс.Карты» или Open Street Maps, на которой любой пользователь сможет поставить свою отметку. Это удобный способ привлечь внимание к социальной проблеме, например, ямам на дорогах, нарушениям на выборах или вырубке лесов. Краудсорсинговые карты, созданные с помощью плагина, также помогают искать сторонников и координировать свои действия с другими активистами и волонтерами.

Основные функции плагина:

• настройка и отображение карт с маркерами на страницах сайта;
• получение новых маркеров карты через форму обратной связи;
• премодерация или постмодерация новых маркеров;
• загрузка полигонов с помощью экспорта KML-файлов;
• защита формы при помощи ReCaptcha;
• загрузка пользовательских значков маркеров.

В последней версии плагина 1.4.8 появился Gutenberg-блок «shMapper Full Screen», который позволяет сделать сайт, на котором карта будет ключевым элементом. Блок совместим с конструктором сайтов «Кандинский» и другими темами WordPress, а также адаптирован для мобильных телефонов. Теперь форма отправки маркеров может накладываться на карту или располагаться под картой и адаптироваться к разной ширине экрана. Можно выбирать положение формы — по центру, слева или справа (и с помощью CSS корректировать попиксельно).

Скриншот сайта rynda.org.

Как сделать сайт-карту

Скачайте и установите плагин shMapper в панели управления вашего сайта на WordPress. Если ваш сайт не на WordPress, вы можете сделать страницу с картой на поддомене вашего основного сайта, на котором развернете WordPress.

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

Скриншот панели управления WordPress.

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

Скриншот панели управления WordPress.

Откройте главную страницу и добавьте на нее блок shMapper из библиотеки Gutenberg-блоков. Больше никаких шорткодов! 

В настройках блока выберите карту, которую хотите показать, тип карты — полноэкранная, укажите высоту (100 px). Включите отображение формы и выберите ее расположение — слева, справа или по центру, задайте ширину и отступы.

Скриншот настроек Gutenberg-блока «shMapper Full Screen».

В настройках блока вы также увидите сводку заданных параметров выбранной карты.

Скриншот настроек Gutenberg-блока «shMapper Full Screen».

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

Скриншот настроек плагина shMapper.

Настройте подвал и шапку вашего сайта.

Скриншот сайта rynda.org.

Ваш сайт готов!

На карту, созданную с помощью плагина shMapper, можно нанести неограниченное количество точек. Все данные доступны для экспорта и импорта.

Примеры использования плагина

Команда Центра развития гражданских инициатив «Мой Курган» сделала «Карту недоступности». Сотрудники организации просят волонтеров точками отмечать на карте элементы городской среды, переходы, пешеходные тротуары, недоступные для людей с инвалидностью. Все линейные объекты — кварталы, улицы, районы и участки, где необходима помощь пользователей в краудсорсинге данных, выводятся на дополнительном слое полигонами или линиями.

Вот так выглядит «Карта недоступности».

Скриншот «Карты недоступности».

Еще один пример использования плагина — «Карта победителей борщевиков», которую создала команда проекта «Борщевиктори». Карта помогает сформировать волонтерское сообщество. Основатели проекта предлагают людям взять под свою опеку участок земли, на котором растет борщевик, и не дать ему распространиться. С помощью карты можно найти единомышленников в своем регионе — достаточно оставить свои контакты, чтобы активисты могли связаться друг с другом и спланировать совместные действия. 

Вот так выглядит «Карта победителей борщевиков».

Скриншот карты borshevictory.ru

А какую проблему будете решать вы? Скачайте shMapper и создайте свою карту помощи.

самый быстрый способ превратить данные из файла Excel в карту

• Возможности
• Анализ данных
• Встраивание карт
• Поддержка Excel
• Редактирование данных карт
• Примеры
• Геокодирование адресов
• Геолокация IP-адресов
• Google Earth KML
• Создать Google Карту
• Значки карты
• Картографирование координат
• Карты для мобильных устройств
• Картографирование объектов недвижимости
• Картографирование продаж
• Безопасность
• Поиск магазинов
• Условия предоставления услуг
• Инструменты для журналистов
• PRO • Геокодирование в 10 раз быстрее
  • Интеграция с сервисом Street View
  • Печать с высоким разрешением
  • Защищённые паролем карты
  • Поддержка PDF
  • Работы с обширными пакетами данных

 

Создание карты из файла Excel

Перенести табличные данные на карту при помощи BatchGeo очень легко.

Мы говорим об Excel, поскольку это наиболее распространённая программа для работы с электронными таблицами, но для программ Numbers и Google Документы процесс будет точно таким же.

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

Чтобы начать создание карты, выполните следующие шаги:

1. Откройте свою электронную таблицу.
2. Выберите (Ctrl+A или Cmd+A) и скопируйте (Ctrl+C или Cmd+C) все ваши данные.
3. Откройте браузер и зайдите на веб-сайт batchgeo.com.
4. Нажмите на поле для вставки данных с образцом и вставьте (Ctrl+V или Cmd+V) свои собственные данные.
5. Убедитесь, что в данных присутствует столбец с данными о местоположении, нажав «Проверка и настройки».
6. Выберите нужный столбец с данными о местоположении при помощи раскрывающегося списка.
7. Нажмите «Создать карту» и можете понаблюдать за работой геокодера.

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

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

---

Watch this short video

For more information on how to create a map using excel spreadsheet data, watch our short video.

 

Поделитесь своей картой

Есть несколько способов поделиться вашей новой картой. Для новичков годится самый простой способ: скопировать URL-адрес из строки поиска в браузере. Выделите адрес, начинающийся с batchgeo.com/map/ и и скопируйте его (Ctrl+C или Cmd+C). После этого вы можете вставить (Ctrl+V или Cmd+V) URL-адрес в электронное письмо, сообщение в мессенджер, твит или любое другое средство пересылки информации.