geoview v0.0.19
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