1.18. Как вставить веб-карту на свой веб-сайт

Все веб-карты, созданные на nextgis.com, могут быть легко встроены в свой сайт.

Примечание

Эта функциональность доступна только для пользователей планов Mini и Premium.

Для встраивания:

  • Откройте веб-карту

  • Нажмите на вкладку «Поделиться» на левой боковой панели

  • Настройте желаемую ширину и высоту карты

  • Скопируйте код

  • Вставьте код на свой сайт.

../../_images/embed_webmap.png

Рис. 1.63. Параметры встраивания веб-карты на сайт

../../_images/webmap_on_site.png

Рис. 1.64. Пример встроенной на сайт веб-карты

Дополнительные настройки:

  • Ссылка на основную карту - для перехода с сайта на страницу карты в Веб ГИС

  • Генерация событий - для интеграции и программного взаимодействия с iframe

  • Предпросмотр - для предварительного просмотра встроенной веб-карты перед её публикацией

Также можно встроить карту целиком, со всеми панелями, что позволит например включать и отключать слои. Для этого в коде iframe из ссылки на вашу Веб ГИС нужно убрать /tiny.

Если вы разработчик, то ознакомьтесь с набором библиотек code.nextgis.com и описанием NGW API.

1.18.1. Как дать ссылку на объект веб-карты

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

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

Такую ссылку может автоматически генерировать ваша связанная с NextGIS Web система.

Рассмотрим работу таких ссылок на примере:

https://demo.nextgis.ru/resource/6144/display?panel=layers&hl_lid=6145&hl_attr=NID&hl_val=12&zoom=11

  • https://demo.nextgis.ru/resource/6144/display?panel=layers – «чистая» ссылка на веб-карту;

  • hl_lid – ID слоя;

  • hl_attr – атрибут слоя (название поля атрибутов, из которого берётся значение);

  • hl_val – значение атрибута;

  • zoom – степень приближения к объекту (выражен в числах, наименьше значение 1 означает максимальное отдаление).

../../_images/webmap_feature_lik_ru.png

Рис. 1.65. Карта, открывающаяся по ссылке

Можно создать такую ссылку и вручную (подробнее).