vue-leaflet-markercluster
Advanced tools
Comparing version
{ | ||
"name": "vue-leaflet-markercluster", | ||
"author": "Veit Bjarsch", | ||
"version": "0.1.4-beta.1", | ||
"version": "0.1.4", | ||
"license": "MIT", | ||
@@ -6,0 +6,0 @@ "private": false, |
@@ -33,3 +33,3 @@ # vue-leaflet-markercluster | ||
<div style="height: 600px; width: 800px"> | ||
<l-map :zoom="8" :center="[50, 30.5]"> | ||
<l-map :useGlobalLeaflet="true" :zoom="8" :center="[50.4, 30.5]"> | ||
<l-tile-layer | ||
@@ -41,6 +41,6 @@ url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" | ||
<l-marker-cluster-group> | ||
<l-marker :lat-lng="[50, 30.4]"></l-marker> | ||
<l-marker :lat-lng="[50.6, 30.5]"></l-marker> | ||
<l-marker :lat-lng="[50.7, 30.6]"></l-marker> | ||
<l-marker :lat-lng="[50.1, 30.7]"></l-marker> | ||
<l-marker :lat-lng="[50, 30.4]" /> | ||
<l-marker :lat-lng="[50.6, 30.5]" /> | ||
<l-marker :lat-lng="[50.7, 30.6]" /> | ||
<l-marker :lat-lng="[50.1, 30.7]" /> | ||
</l-marker-cluster-group> | ||
@@ -52,2 +52,5 @@ </l-map> | ||
<script setup> | ||
import L from 'leaflet' | ||
globalThis.L = L | ||
import { LMap, LTileLayer, LMarker } from '@vue-leaflet/vue-leaflet' | ||
@@ -57,3 +60,3 @@ import { LMarkerClusterGroup } from 'vue-leaflet-markercluster' | ||
import 'leaflet/dist/leaflet.css' | ||
import 'vue-leaflet-markercluster/styles' | ||
import 'vue-leaflet-markercluster/dist/style.css' | ||
</script> | ||
@@ -60,0 +63,0 @@ ``` |
147827
0.02%75
4.17%