Карты и геоданные из nextgis.com на вашем сайте. Опыт WWF России

Одна из основных функций нашей облачной ГИС (или Веб ГИС) nextgis.com — быть единым центром геоданных организации. Поэтому для нас важно организовать различные способы подключения карт и данных из nextgis.com к вашему сайту. Рассмотрим эти способы на примере карт, созданных Баренц-отделением Всемирного фонда дикой природы (далее WWF) на базе своей Веб ГИС. Все примеры ниже — живые.

1. Встраивание готовой веб-карты без программирования

Все карты, созданные в nextgis.com, могут быть легко встроены в свой сайт. Просто откройте карту, нажмите «Поделиться», настройте желаемую ширину и высоту карты и вставьте код на свой сайт.

Вот как это выглядит на сайте WWF:

Карты сохраняют свою интерактивность, по объектам на карте можно щелкать, чтобы получить более подробную информацию о них. Все элементы карты (всплывающие окна и т.д.) будут стандартными.

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

2. Встраивание данных с измененным внешним видом

Задача Веб ГИС — собирать и организовывать геоданные. Но иногда вам может понадобиться встроить один из слоёв данных в уникальном дизайне, переопределив стандартные элементы. Достичь этого можно небольшим количеством программирования.

Вот как это выглядит на сайте WWF:

Как можно видеть, на карте появилась легенда, по-другому выглядят всплывающие информационные окна, элементы управления и другие элементы.

Для подобного взаимодействия вам понадобится подключить план Mini или Premium с включенным CORS. Получить исходный код карты и адаптировать его для своего сайта можно на Github.

3. Встраивание данных с новыми инструментами

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

Вот как это выглядит на сайте WWF:

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

Атрибутивные данные на любой из этих веб-карт можно редактировать непосредственно в Веб ГИС с использованием визуального редактора.

В заключение

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

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *