vue-leaflet-fullscreen

0.0.2 • Public • Published

vue-leaflet-fullscreen

FullScreen control for vue-leaflet based on https://github.com/brunob/leaflet.fullscreen

Usage

  • inside template l-map add
<l-map :maxZoom="17" @ready="onMapReady" :use-global-leaflet="true">
  ...
  <l-full-screen :mapRef="mapRef" />
  ...
</l-map>
  • in script setup section, create import and ref to map
<script setup>
import { ref } from "vue";
import { LMap } from "@vue-leaflet/vue-leaflet";
import LFullScreen from "vue-leaflet-fullscreen";

import "leaflet/dist/leaflet.css";
import "vue-leaflet-fullscreen/dist/style.css";

const mapRef = ref();

function onMapReady(map) {
  mapRef.value = map;
}
</script>

Dependencies (0)

    Dev Dependencies (3)

    Package Sidebar

    Install

    npm i vue-leaflet-fullscreen

    Weekly Downloads

    16

    Version

    0.0.2

    License

    MIT

    Unpacked Size

    32.2 kB

    Total Files

    9

    Last publish

    Collaborators

    • diegocardoso93