Карта
VsMap
є компонентою, яка забезпечує можливість взаємодії з інтерактивною картою на веб-сторінці. Вона включає в себе різні інструменти та можливості для керування і відображення даних на карті.
Властивості
Властивість | Тип | За замовчуванням | Опис |
---|---|---|---|
height | String | 95vh | Висота контейнера карти. |
initStore | Boolean | true | Ініціалізація Store для керування станом карти. |
aviablePopupFields | Array | [] | Доступні поля для спливаючого вікна (popup) на карті. |
offDefaultLayer | Boolean | false | Вимкнути типові шари на карті. |
baseLayers | Array | [] | Список базових шарів для відображення на карті. |
controls | Array | див. код | Список інструментів управління на карті. |
history | Boolean | true | Вести історію переміщень і зберігати її в URL. |
hillTile | String | див. код | URL шаблону для топографічної картини. |
map | Object | null | Об'єкт карти, який може бути переданий ззовні. |
Методи
initMap()
: Ініціалізує карту і додає до неї різні елементи управління та шари.getBaseLayers(map)
: Завантажує і встановлює базові шари для карти.startMapEvents(map)
: Додає обробники подій до карти, такі як обробка подій миші, подвійного кліку тощо.setMapHistory()
: Зберігає історію переміщень карти у URL.getMapHistory()
: Відновлює історію переміщень карти з URL.
Vue
<VsMap
:height="mapHeight"
:aviablePopupFields="popupFields"
:controls="mapControls"
:baseLayers="mapBaseLayers"
:history="enableHistory"
:hillTile="hillshadeTileURL"
:map="mapInstance"
>
<!-- Додатковий контент, який може бути вставлений в компонент VsMap -->
</VsMap>
Handlebars
{{{_vue "vs-map"}}}