Простий перегляд карти

Компонента простої інтерактивної мапи з різними налаштуваннями. Вона використовує бібліотеку Leaflet для забезпечення функціональності картографії.

Властивості (Props)

Пропс	Тип	Опис
layer_url	String	URL для шару мапи тайлів.
geometry	Object	Об'єкт геометрії для відображення на карті.
height	String	Висота контейнера мапи. За замовчуванням - 400px.
layers	String	Роздільний список шарів для відображення на карті.
collapsed	Boolean	Чи повинен бути контроль шарів спочатку згорнутий. За замовчуванням false
zoomControl	Boolean	Чи відображати контроль масштабування на карті. За замовчуванням true
layersControl	Boolean	Чи відображати контроль шарів на карті. За замовчуванням true
scaleControl	Boolean	Чи відображати контроль масштабу на карті. За замовчуванням true
addit_layer	Array	Масив додаткових шарів для додавання на карту.
max_zoom	String	Максимальний рівень масштабу для мапи. За замовчуванням 18

Методи

Компонент SimpleMapPreview надає наступні методи:

• addGeom(): Додає вказану геометрію на карту.
• renderFeatures(): Відображає об'єкти на карті з використанням даних GeoJSON.
• renderFeaturesFromList(overlays): Відображає об'єкти зі списку геометрій.

Залежності

Компонент SimpleMapPreview покладається на наступні залежності:

• Leaflet: JavaScript бібліотека для інтерактивних мап.
• Turf.js: Геопросторова бібліотека аналізу для JavaScript.

Vue

    <simple-map-preview
      :layer_url="mapLayerUrl"
      :geometry="mapGeometry"
      :height="'500px'"
      :layers="mapLayer"
      :collapsed="false"
      :zoomControl="true"
      :layersControl="true"
      :scaleControl="true"
      :addit_layer="additionalLayers"
      :max_zoom="18"
    />

Handlebars

{{{_vue "simple-map"}}}