Unverified Commit fd0df2b5 authored by Nicolò Maria Mezzopera's avatar Nicolò Maria Mezzopera Committed by GitHub
Browse files

Merge branch 'master' into add-wms-tile-layer-example

parents 2a52e94a 9e4ee4be

README.md

+1 −0
Original line number Diff line number Diff line
@@ -17,6 +17,7 @@ This is a Beta version! And may yet be instable! If you want to help, please rea 
- LFeatureGroup

- LGeoJson

- LIcon

- LImageOverlay

- LMap

- LMarker

- LPolygon

src/components/LGridLayer.vue

+1 −1
Original line number Diff line number Diff line
@@ -22,7 +22,7 @@ export default { 


    const addLayer = inject("addLayer");



    const { options, methods } = gridLayerSetup(props, leafletRef);

    const { options, methods } = gridLayerSetup(props, leafletRef, context);



    onMounted(async () => {

      const { GridLayer, DomEvent, DomUtil } = await import(

src/components/LImageOverlay.vue

0 → 100644
+48 −0
Original line number Diff line number Diff line 
<script>

import { onMounted, ref, inject, nextTick } from "vue";

import { remapEvents, propsBinder } from "../utils.js";

import {

  props as imageOverlayProps,

  setup as imageOverlaySetup,

} from "../functions/imageOverlay";

import { render } from "../functions/layer";



/**

 * ImageOverlay component, render a plain image instead of a geospatial map.

 */

export default {

  name: "LImageOverlay",

  props: imageOverlayProps,

  setup(props, context) {

    const leafletRef = ref({});

    const ready = ref(false);



    const addLayer = inject("addLayer");



    const { options, methods } = imageOverlaySetup(props, leafletRef, context);



    onMounted(async () => {

      const { imageOverlay, DomEvent } = await import(

        "leaflet/dist/leaflet-src.esm"

      );

      leafletRef.value = imageOverlay(props.url, props.bounds, options);



      const listeners = remapEvents(context.attrs);

      DomEvent.on(leafletRef.value, listeners);

      propsBinder(methods, leafletRef.value, props);

      addLayer({

        ...props,

        ...methods,

        leafletObject: leafletRef.value,

      });

      ready.value = true;

      nextTick(() => context.emit("ready", leafletRef.value));

    });



    return { ready, leafletObject: leafletRef };

  },

  render() {

    return render(this.ready, this.$slots);

  },

};

</script>

src/components/LLayerGroup.vue

+1 −1
Original line number Diff line number Diff line
@@ -12,7 +12,7 @@ export default { 


    const addLayer = inject("addLayer");



    const { methods } = layerGroupSetup(props, leafletRef);

    const { methods } = layerGroupSetup(props, leafletRef, context);



    onMounted(async () => {

      const { layerGroup, DomEvent } = await import(

src/components/index.js

+1 −0
Original line number Diff line number Diff line
@@ -9,6 +9,7 @@ export { default as LFeatureGroup } from "./LFeatureGroup.vue"; 
export { default as LGeoJson } from "./LGeoJson.vue";

export { default as LGridLayer } from "./LGridLayer.vue";

export { default as LIcon } from "./LIcon.vue";

export { default as LImageOverlay } from "./LImageOverlay.vue";

export { default as LLayerGroup } from "./LLayerGroup.vue";

export { default as LMap } from "./LMap.vue";

export { default as LMarker } from "./LMarker.vue";