GEOVIEW

Использование

Получите последнюю версию приложения

npm i [path] // TODO: insert path

Объявите необходимые библиотеки на странице

• стили

  <link href="[geoview-path]/vendor.css" rel="stylesheet">
   <link href="[geoview-path]/geoview.css" rel="stylesheet">
    

• скрипты

  <script type="text/javascript" src="../dist/polyfills.js"></script>
   <script type="text/javascript" src="../dist/vendor.js"></script>
   <script type="text/javascript" src="../dist/geoview.js"></script>
    

Внутри тэга укажите предполагаемое место для расположения контейнера картографического приложения

Выполните инициализацию приложения

buildGeoView(GeoViewOptions).then(function (geoView) { geoView.on("load", function () { console.log("Geoview application is loaded"); }) });

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

Также можно напрямую выполнить инициализацию компонента карт с готовым стилем:

var geoview = new GeoView(style, GeoViewOptions)

Опции приложения

GeoViewOptions

| Название | Значение по умолчанию | Описание | |---|---:|---| | id | geoview | идентификатор HTML-элемента на странице в котором будет построено приложение карт | | size | | Один из подготовленных вариантов масштабирования HTML-элементов приложения. Может быть: lg sm xm | | useHeightControl | false | отслеживать изменения размера контейнера приложения. Позволяет настраивать стили для различных разрешений экранов. | | mapOptions | | секция настроек состояния карты | | sourcesOptions | | секция настройки адресов используемых внешних сервисов | | menuItems | | список настроек элементов меню |

mapOptions

| Название | Значение по умолчанию | Описание | |---|---:|---| | zoom | 9 | степень приближения карты от 0 до 21 | | center | [37.4841, 55.8067] | стартовое положение карты |

mapOptions

| Название | Значение по умолчанию | Описание | |---|---:|---| | baseUrl | | | | devBaseUrl | | | | apiUrl | | | | mainStyleUrl | | | | territoryTreeUrl | | | | territoryUrlTemplate | | | | searchUrl | | | | selectUrl | | |

Разработка

Installation

Install node modules

npm i

Building

To build a dist

npm run build

Running in development mode

To run a developer server

npm start

Server starts on port 8080

Development server

Start development with a file ./src/app/mainscript.js