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

Активисты из Кургана сделали «Карту недоступности». На ней волонтеры отмечают недоступные для людей с инвалидностью переходы и тротуары. Карта была создана с помощью плагина 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 и создайте свою карту помощи.

Создание карт в ArcGIS Online

Пусть ваши данные говорят с помощью интерактивных карт

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

Существует множество способов работы с интерактивными картами. Вот некоторые из них:

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

Публикация интерактивных карт

Создавайте карты с данными из различных источников

Переносите в ArcGIS Online различные данные, включая электронные таблицы, геопространственные файлы и изображения. Подключайтесь к внешним источникам данных наблюдений, таким как платформы Интернета вещей (IoT).

• Внесите собственные данные

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

• Подключение к интернету интернета вещей и данным датчиков

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

• Управление и анализ изображений и растровых данных

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

  ArcGIS Image for ArcGIS Online — это расширение типа пользователя, которое позволяет размещать и анализировать изображения и растровые данные так же, как это выполняется с векторными данными.

Previous

Next

Добавление контекста к данным

Просмотр ваших данных на карте дает много информации, но при этом ставит и дополнительные вопросы. Добавьте достоверные данные на карту, чтобы добавить перспективы и найти ответы на свои вопросы. ArcGIS Online содержит богатейшую коллекцию готовых к использованию карт и данных в ArcGIS Living Atlas of the World.

1. Каналы данных реального времени
2. Демографические данные
3. Данные об окружающей среде

Динамические данные показывают текущие условия

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

Изучение живых источников

Глобальные демографические и бизнес данные

Улучшите ваши карты с помощью демографических, физико-географических и социально-экономических данных. Используя более 15000 переменных из более чем 130 стран, вы сможете найти данные, которые нужны именно вам для картографии и анализа.

Изучение Esri Demographics

Изучение земель, морей, атмосферы и животного мира

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

Изучение данных об окружающей среде

Встроенные базовые карты высокого качества

Размещайте ваши данные на готовых основах. ArcGIS Online содержит большую подборку актуальных, исторических и креативных базовых карт. Эти базовые карты высокого качества, поддерживаемые Esri, созданы из коммерческих и общедоступных данных. Добавьте контекст и индивидуальность вашим данным с помощью разнообразных базовых карт.

Глобальные снимки высокого разрешения

Моделируйте взгляд с высоты птичьего полета с использованием снимков.

Изучение данных снимков

Настраиваемые векторные базовые карты

Векторные базовые карты позволяют настроить из в соответствии с корпоративным стилем и брендом.

Изучение векторных базовых карт

Креативные базовые карты

Создавайте привлекательные карты, используя в качестве основы креативные базовые карты.

Изучение креативных базовых карт

Понимание данных через визуализацию и анализ

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

Как работает умная картография

Используйте стили карт для ответа на вопросы

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

На что похожи мои данные на карте?

Углубите пространственное понимание, визуализируя данные различными способами.

Способы представления ваших данных

Что находится рядом?

Определите кто и что находится в пешей доступности от вашего предприятия.

Узнайте, как создать эту карту

Связаны ли эти явления?

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

Узнайте, как создать эту карту

Где рост максимальный?

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

Узнайте, как создать эту карту

Где это сконцентрировано?

Найдите области максимальной концентрации, выявив, где что-то происходит и сравнив с общей численностью.

Узнайте, как создать эту карту

Какие области выше или ниже среднего?

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

Узнайте, как создать эту карту

Когда это произошло?

Присвоение символов датам для поиска самых старых и самых новых элементов в своих данных.

Узнайте, как создать эту карту

Больше о возможностях ArcGIS Online

В отдел продаж

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

Попробовать ArcGIS Online

Бесплатная пробная версия

Приобрести ArcGIS Online

Приобрести

Разработка пользовательских карт с помощью Mapbox Studio

Что такое Mapbox Studio?

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

Что я могу делать с Mapbox Studio?

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

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

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

Что такое компоненты стиля?

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

Каждый компонент включает встроенные стили, а также набор параметров, уникальных для функций, содержащихся в компоненте. Например, компонент «Дороги» позволяет пользователям включать и выключать трафик или изменять стиль дорожных ограждений из предопределенного набора стилей. С другой стороны, компонент «Разместить метки» предлагает пользователям возможность регулировать плотность меток, а также отображать или скрывать значки рядом с метками. Параметры в каждом компоненте разработаны экспертами по картографии в Mapbox, чтобы быть максимально осмысленными и эффективными.

Каковы преимущества компонентов стиля в Studio?

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

Как начать использовать компоненты стиля?

Любой новый стиль, который вы создаете в Mapbox Studio, будет автоматически включать компоненты. Все наши основные стили были перестроены с использованием компонентов. Каждый основной стиль использует компоненты по-своему — задавая свойства, цвета и многое другое, чтобы предоставить вам наилучшую отправную точку для настройки вашей карты.

Как работают настройки цвета и типографики?

Параметры цвета и типографики являются общими для всех компонентов стиля. Когда вы вносите изменения в настройки цвета или типографики в стиле, эти изменения всегда применяются ко всем компонентам. Это упрощает синхронизацию стилей вашей карты.

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

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

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

Должен ли я использовать компоненты для нового стиля?

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

Могу ли я добавлять и удалять компоненты из моего стиля?

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

Могу ли я добавить и оформить свои собственные данные?

Да, как и в текущей Studio, вы можете добавлять и стилизовать свои собственные данные. Создавайте визуализацию данных точек, линий и многоугольников с помощью компонента визуализации данных. В дополнение к компонентам вы также можете добавить свои собственные данные в качестве слоя на панели «Слои» в и нажмите кнопку «Добавить новый слой».

Изменился ли рабочий процесс редактирования слоя?

Нет. В Studio у нас есть 100% поддержка всех предыдущих возможностей редактирования слоев.

Насколько эффективны стили, созданные с помощью компонентов, по сравнению со стилями, созданными только со слоями с использованием выражений?

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

Работают ли стили компонентов с Maps SDK для Интернета, Android и iOS?

Да. Studio полностью поддерживает все функции Mapbox GL. Стили, созданные с помощью компонентов, будут работать с Maps SDK для Интернета версии 1.0+, iOS версии 5.0+ и Android 8.0+.

Средство визуализации получит новый стиль с сервера, проанализирует и загрузит его как обычный стиль. При публикации из Studio стили с компонентами будут скомпилированы в тот же формат таблицы стилей, что и старые стили.

Можно ли использовать стили компонентов со стилями времени выполнения в моем приложении?

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

Мои существующие стили используют слои, как заставить их использовать вместо них компоненты?

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

Что я могу сделать после публикации стиля в Studio?

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

Могу ли я перенести стиль с одной учетной записи на другую?

Да, любой опубликованный стиль может быть скопирован из одной учетной записи в другую, если стиль общедоступен. Как только стиль станет общедоступным, разрешите другому пользователю копировать стиль, поделившись ссылкой «разрешить копирование» на панели общего доступа к стилю с любым другим пользователем Mapbox. Ссылка «разрешить копирование» открывает веб-страницу с предварительным просмотром стиля и кнопкой, запускающей действие копирования. Посмотрите наше видео с пошаговыми инструкциями.

Создайте свои собственные карты и плакаты

🥇🇺🇸 Mapiful: Создайте свои собственные карты и плакаты

• Крупнейшая распродажа года! СКИДКА 20% НА ВСЕ ☀️

• Бесплатная доставка по всему миру

• 2000+ 5-звездочных отзывов

• Оригинальные плакаты с картами

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

Летняя распродажа

СКИДКА 20%

Все на сайте

Самая большая распродажа

года

Избранное и любимое

Приобретите наши персонализированные принты

Создавайте высококачественные скандинавские плакаты и принты, вдохновленные лучшими моментами вашей жизни.

Летняя распродажа!

Скидка 20% на все

Это наконец здесь. Не пропустите нашу самую большую распродажу года!

Послушайте, что говорят наши клиенты

Нам доверяют более 314 тысяч клиентов по всему миру!

Mapiful позволяет создавать собственные настенные рисунки, которые вызывают гордость за ваше путешествие, повышают уверенность и повышают самооценку. Отметьте свои достижения и гордитесь своей уникальной историей или подарите это прекрасное чувство людям, которых вы любите. Не верьте нам на слово! Прочитайте, что говорят наши клиенты!

Trustpilot

Выпуск нового продукта

Симфония для ваших стен

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

 

Каждый постер создан так, чтобы быть единственным в своем роде, черпая вдохновение из характеристик песни и сочетая ее с вашим личным подходом. Наш интуитивно понятный процесс настройки позволяет вам выбирать из обширной палитры цветов и добавлять свой собственный текст, делая его по-настоящему вашим. Результатом является гармоничное сочетание стиля, эмоций и индивидуальности.

Создайте свою карту MusicMap

РУКОВОДСТВА ДЛЯ ЭКСПЕРТОВ • 64 НАСТОЯЩИХ ДОМА • НАЙДИТЕ СВОЙ СТИЛЬ

Электронная книга: Как сделать свой дом более привлекательным для себя

Более 60 экспертов по дизайну интерьера раскрывают свои главные секреты персонализации вашего дома!

Откройте для себя электронную книгу

Экологичность имеет значение

Создано продуманно

Мы работаем с местными партнерами по печати, чтобы производить наши отпечатки ближе к вам, сокращая выбросы углерода на 67%.