Встраивание тематической карты Енисей-ГИС на внешний сайт при помощи iframe

Любой ресурс (тематический слой, карту) Енисей-ГИС, доступные для просмотра в Каталоге, можно встроить в страницы любого внешнего сайта несколькими способами – как iframe, при помощи js-библиотеки Енисей-ГИС, при помощи любых ГИС-библиотек на любых программных платформах, которые поддерживают протоколы WMS/WFS

Процедура встраивания при помощи iframe

  1. Открыть в любом совместимом веб-браузере открытую карту из каталога Енисей-ГИС
  2. Установить нужные значения карты-подложки, масштаба и центральной точки, нажать на кнопку 1 и далее 2;
  3. Из буфера обмена вставить полученную ссылку в новое окно браузера и нажать Enter;
  4. После загрузки страницы в новом окне, скопировать URL такого вида: /maps/app/view.php?id=8d563854-92f5-37a1-f8f9-482ccc04bb64&pos=16496777.7862,6216550.2712&zoom=7&tile=&key=ak6jcwwnw3r13wjn, откуда скопировать все нужные параметры.

Параметры iframe

id=8d563854-92f5-37a1-f8f9-482ccc04bb64
pos=16496777.7862,6216550.2712
zoom=7
tile=

Доступно использование следующих параметров:

  • pos – устанавливает координаты центральной точки карты при её открытии,
  • zoom – устанавливает масштаб при открытии,
  • tile – устанавливает карту-подложку при открытии.

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

  • не задано или none – формы не открываются.

  • legend - открывается форма легенды карты;

  • table - открывается атрибутивная таблица;

  • route - открываются форма построения маршрута.

Пример встраивания модуля карты в HTML страницу с параметрами:

<HTML>
<HEAD>
<style>
iframe {
width:700px;
height: 400px;
}
</style>
</HEAD>
<BODY>
<iframe src="http://24bpd.ru/maps/app/view.php?id=8d563854-92f5-37a1-f8f9-482ccc04bb64&pos=16496777.7862,6216550.2712&zoom=7&tile="></iframe>
</BODY>
</HTML>

Результат встраивания iframe