Skip to main content

Карта

VsMap є компонентою, яка забезпечує можливість взаємодії з інтерактивною картою на веб-сторінці. Вона включає в себе різні інструменти та можливості для керування і відображення даних на карті.

Властивості

ВластивістьТипЗа замовчуваннямОпис
heightString95vhВисота контейнера карти.
initStoreBooleantrueІніціалізація Store для керування станом карти.
aviablePopupFieldsArray[]Доступні поля для спливаючого вікна (popup) на карті.
offDefaultLayerBooleanfalseВимкнути типові шари на карті.
baseLayersArray[]Список базових шарів для відображення на карті.
controlsArrayдив. кодСписок інструментів управління на карті.
historyBooleantrueВести історію переміщень і зберігати її в URL.
hillTileStringдив. кодURL шаблону для топографічної картини.
mapObjectnullОб'єкт карти, який може бути переданий ззовні.

Методи

  • 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"}}}