diff --git a/src/components/BikeMap.vue b/src/components/BikeMap.vue
index 982401e..e0db556 100644
--- a/src/components/BikeMap.vue
+++ b/src/components/BikeMap.vue
@@ -62,7 +62,7 @@ const premiumParkingsSpots = computed(() => {
return premiumParkings.value.reduce((acc, val) => acc + val.nb_total_place, 0)
})
-const { zoom, minZoom, center, maxClusterRadius, disableClusteringAtZoom } = useMap()
+const { zoom, minZoom, center, maxBounds, maxBoundsViscosity, maxClusterRadius, disableClusteringAtZoom, extraOptions } = useMap()
const { filterUncovered, filterCovered, filterKorrigo } = storeToRefs(useMap())
@@ -77,8 +77,8 @@ const { filterUncovered, filterCovered, filterKorrigo } = storeToRefs(useMap())
Loading...
Error: {{ state.error.message }}
-
+
diff --git a/src/stores/map.ts b/src/stores/map.ts
index 6ed5445..c3c14a7 100644
--- a/src/stores/map.ts
+++ b/src/stores/map.ts
@@ -7,8 +7,16 @@ export const SPOTS_MAX = 99
export const useMap = defineStore('map', () => {
const zoom = ref(10)
- const minZoom = 6
+ const minZoom = 8
const center = ref([48.11180645878813, -1.6637869497745246])
+ const topLeftCorner: PointTuple = [48.88261491330733, -3.437430524894775]
+ const bottomRightCorner: PointTuple = [47.31027605502938, 0.6437600778583776]
+ const maxBounds: PointTuple[] = [topLeftCorner, bottomRightCorner]
+ const maxBoundsViscosity = 0.9
+
+ const extraOptions: Record = {
+ zoomControl: false,
+ }
const maxClusterRadius = 28
const disableClusteringAtZoom = 17
@@ -26,8 +34,11 @@ export const useMap = defineStore('map', () => {
zoom,
minZoom,
center,
+ maxBounds,
+ maxBoundsViscosity,
maxClusterRadius,
disableClusteringAtZoom,
+ extraOptions,
filterUncovered,
filterCovered,
filterKorrigo,