diff --git a/public/map/monnaie-de-paris.png b/public/map/monnaie-de-paris.png new file mode 100644 index 0000000..d6a7d45 Binary files /dev/null and b/public/map/monnaie-de-paris.png differ diff --git a/src/App.vue b/src/App.vue index 2ed1bfe..a6c8d78 100644 --- a/src/App.vue +++ b/src/App.vue @@ -5,17 +5,22 @@ import 'vue-leaflet-markercluster/dist/style.css' import L, { type PointTuple } from 'leaflet' globalThis.L = L -import { LMap, LTileLayer, LControlZoom } from '@vue-leaflet/vue-leaflet' +import { LMap, LTileLayer, LControlZoom, LLayerGroup } from '@vue-leaflet/vue-leaflet' import { LMarkerClusterGroup } from 'vue-leaflet-markercluster' import { ref } from 'vue' -import { useReviewStore } from './stores/reviews' -import ReviewMarker from './components/ReviewMarker.vue' -const { markers } = useReviewStore() +import ReviewMarker from './components/ReviewMarker.vue' +import TokenMarker from './components/TokenMarker.vue' + +import { useReviewStore } from './stores/reviews' +import { useParisTokensStore } from './stores/parisTokens' const zoom = ref(7) const minZoom = 4 const center = ref([47.809376, -0.637207]) + +const { markers: reviews } = useReviewStore() +const { markers: parisTokens } = useParisTokensStore()