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

Merge pull request #55 from vue-leaflet/fix-leaflet-object

Fix leaflet object
parents 1e5bae9f 17a87812
Loading
Loading
Loading
Loading

.eslintignore

0 → 100644
+2 −0
Original line number Diff line number Diff line
dist/
src/playground.vue
 No newline at end of file
+1 −1
Original line number Diff line number Diff line
@@ -46,7 +46,7 @@
    "prettier": "^2.0.5",
    "rollup": "^2.8.0",
    "rollup-plugin-commonjs": "^10.1.0",
    "rollup-plugin-vue": "^6.0.0-alpha.8",
    "rollup-plugin-vue": "^6.0.0-beta.11",
    "vitepress": "^0.6.0",
    "vue": "^3.0.0"
  },
+5 −0
Original line number Diff line number Diff line
@@ -2,10 +2,12 @@
  <div style="display: flex;">
    <div style="height: 75vh; width: 50vw;">
      <l-map
        ref="map"
        v-model="zoom"
        v-model:zoom="zoom"
        :center="[47.41322, -1.219482]"
        @move="log('move')"
        @ready="onMapReady"
      >
        <l-tile-layer
          url="http://tile.stamen.com/watercolor/{z}/{x}/{y}.jpg"
@@ -232,6 +234,9 @@ export default {
        this.iconWidth = Math.floor(this.iconHeight / 2);
      }
    },
    onMapReady() {
      this.log(this.$refs.map);
    },
  },
};
</script>
+6 −2
Original line number Diff line number Diff line
<script>
import { onMounted, ref, inject } from "vue";
import { onMounted, ref, inject, nextTick } from "vue";
import { remapEvents, propsBinder } from "../utils.js";
import { props, setup as circleSetup } from "../functions/circle";
import { render } from "../functions/layer";
@@ -36,8 +36,12 @@ export default {
        leafletObject: leafletRef.value,
      });
      ready.value = true;
      nextTick(() => context.emit("ready", leafletRef.value));
    });
    return render(ready, context);
    return { ready, leafletObject: leafletRef };
  },
  render() {
    return render(this.ready, this.$slots);
  },
};
</script>
+6 −2
Original line number Diff line number Diff line
<script>
import { onMounted, ref, inject } from "vue";
import { onMounted, ref, inject, nextTick } from "vue";
import { remapEvents, propsBinder } from "../utils.js";
import { props, setup as circleMarkerSetup } from "../functions/circleMarker";
import { render } from "../functions/layer";
@@ -36,8 +36,12 @@ export default {
        leafletObject: leafletRef.value,
      });
      ready.value = true;
      nextTick(() => context.emit("ready", leafletRef.value));
    });
    return render(ready, context);
    return { ready, leafletObject: leafletRef };
  },
  render() {
    return render(this.ready, this.$slots);
  },
};
</script>
Loading