Средства разработки ГИС-приложений

GIS WebToolKit SE

GIS WebToolKit SE – ГИС-инструментарий для разработки веб-приложений. Представляет собой библиотеку компонентов и классов на языке JavaScript.

ФорумФорум Как купитьКак купить Скачать последнюю версиюСкачать последнюю
версию
Скачать документациюСкачать
документацию

Позволяет создавать веб-приложения с отображением картографической информацией о местности, получать информацию о характеристиках объектов карты, создавать новые и редактировать существующие объекты. Инструментарий обеспечивает доступ к инфраструктуре пространственных данных (векторных, растровых, матричных карт, данных ДЗЗ), выполнение специальных расчетов. Может использоваться в открытых системах на основе Linux.

GIS WebToolKit SE поддерживает протоколы обмена пространственными данными по стандартам Open Geospatial Consortium (OGC): Web Map Tile Service (OGC WMTS), Web Map Service (OGC WMS), Web Feature Service (OGC WFS), Web Coverage Service (OGC WCS) и дополнительные запросы для выполнения специальных расчетов. Запросы выполняются асинхронно по протоколу HTTP с использованием технологии AJAX. Для работы инструментария требуется наличие библиотеки jQuery и w2ui.

В качестве источника геопространственных данных используется сервис карт GIS WebService SE. Он обеспечивает получение графического изображения карты, геометрии объектов и различной справочной информации об объектах карты, получение пространственной информации о рельефе местности, выполнение расчетов и измерений по карте.

Для использования GIS WebToolKit SE достаточно подключить его библиотеку к html-странице, чтобы компоненты были загружены в браузер вместе с кодом страницы как обычные JavaScript-файлы.

Для работы необходм браузер с поддержкой HTML5 - Microsoft Internet Explorer 10.0 и выше, Mozilla Firefox 3.6 и выше, Opera 11.0 и выше, Apple Safari 5.0 и выше и Chrome.

GIS WebToolKit SE используется в качестве основы для приложения GIS WebServer SE. Это приложение предназначено для публикации в среде интернет пространственной информации в виде графического изображения, а также для предоставления семантической информации об объектах.

Пример использования инструментария

Пример работы других классов инструментария можно посмотреть здесь >>

Порядок использования инструментария (как подключить)

  • подключить библиотеку скриптов и стилей;
  • настроить компонент;
  • создать экземпляр компонента.

Подключение библиотеки скриптов и стилей

<!-- подключение jquery -->
<link href="jquery/jquery-ui.css" rel="stylesheet"/>
<script src="jquery/jquery-1.11.0.min.js" ></script>
<script src="jquery/jquery.browser.min.js" ></script>
<script src="jquery/jquery-ui-1.11.2.min.js" ></script>
<script src="jquery/modernizr-2.5.3.js" ></script>
<script src="jquery/jquery.maskedinput.js"></script>

<!-- подключение w2ui -->
<link href="w2ui/w2ui-1.4.2.min.css" rel="stylesheet" />
<script src="w2ui/w2ui-1.4.2.min.js"></script>

<!-- подключение GWTK SE -->
<link href="gwtk.css" rel="stylesheet" />
<script src="gwtkse.js"></script>

* при использовании инструментария требуется наличие библиотек jQuery версии 1.11.0 и w2ui версии 1.4.2

Настройка параметров компонента

var options = { "url": "http://gisserver.info/GISWebServiceSE/service.php", "id": "200", "center": [55.86, 38.349], "tilematrix": 13, "crs": 3857, "tilematrixset": "GoogleMapsCompatible", "count": 2, "maxzoom": 17, "minzoom": 0, "layers": [ { "id": "Worldmap", "alias": "Карта мира", "selectObject": 0, "url": "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=Worldmap&STYLE=default&TILEMATRIXSET=%tilematrixset&TILEMATRIX=%z&TILEROW=%y&TILECOL=%x&FORMAT=image%2Fpng", "keyssearchbyname": [] }, { "id": "googleMap", "alias": "Google карта", "selectObject": 0, "url": "http://mt1.google.com/vt/lyrs=m@250000000&hl=ru&src=app&x=%x&y=%y&z=%z&s=Galileo" }, { "id": "osmMap", "alias": "OpenStreetMap", "selectObject": 0, "url": "http://b.tile.openstreetmap.org/%z/%x/%y.png" }, { "id": "dealers", "alias": "Дилеры КБ Панорама", "sheet": "Дилеры", "selectObject": 1, "legend": "*", "url": "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=dealers&STYLE=default&TILEMATRIXSET=%tilematrixset&TILEMATRIX=%z&TILEROW=%y&TILECOL=%x&FORMAT=image%2Fpng", "keyssearchbyname": ["ObjName"] }, { "id": "NoginskEdit", "alias": "Ногинский район", "sheet": "NoginskEdit", "selectObject": 1, "selectsearch": 1, "legend": "*", "url": "SERVICE=WMS&REQUEST=GetMap&VERSION=1.3.0&FORMAT=image%2Fpng&LAYERS=NoginskEdit&BBOX=%bbox&HEIGHT=%h&WIDTH=%w&CRS=%crs&dt=%dt", "keyssearchbyname": ["ObjName"] } ], "controls": [*], "url_addresssearch": ["http://geocode-maps.yandex.ru/1.x/?geocode=", "Искать в Яндекс"] };

Создание экземпляра компонента

Map = new GWTK.Map("MapCanvas", options);

* где MapCanvas это идентификатор HTML-элемента управления на котором будет отображаться карта,
например <div id="MapCanvas" style="width:600px; height:300px;"></div>