Interactive maps
Mobile-friendly interactive maps powered by @vue-leaflet/vue-leaflet.
Finder component
In order to display maps on the page you need to include Leaflet css and js files in your component: import "leaflet/dist/leaflet.css"; and import { LMap, LTileLayer } from "@vue-leaflet/vue-leaflet";. See details below or use this page as a reference.
Basic example (no options passed)
<!-- Basic map example (no options passed) -->
<l-map ref="map" v-model:zoom="zoom" :center="[47.41322, -1.219482]" :use-global-leaflet="false">
<l-tile-layer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" layer-type="base" name="OpenStreetMap"></l-tile-layer>
</l-map>