diff --git a/src/components/BikeMap.vue b/src/components/BikeMap.vue index 0f7bfea..c4c3042 100644 --- a/src/components/BikeMap.vue +++ b/src/components/BikeMap.vue @@ -10,13 +10,14 @@ import type { ApiResponse } from '@/types/Api' import type { BikeParking } from '@/types/Bikes' import { API_BASE_URL, API_LIMIT, MAP_TILELAYER_URL_DARK, MAP_TILELAYER_URL_LIGHT, SpotAccess, SpotType } from '@/utils/const' import { useQuery } from '@pinia/colada' -import { LControlZoom, LIcon, LMap, LMarker, LTileLayer } from '@vue-leaflet/vue-leaflet' +import { LControlZoom, LMap, LTileLayer } from '@vue-leaflet/vue-leaflet' import BikeFilters from './BikeFilters.vue' import { computed, ref, useTemplateRef } from 'vue' import { storeToRefs } from 'pinia' import BikeClusterLayer from './BikeClusterLayer.vue' -import { PhCircleNotch, PhMapPin } from '@phosphor-icons/vue' +import { PhCircleNotch } from '@phosphor-icons/vue' import { useDark } from '@vueuse/core' +import BikeUserMarker from './BikeUserMarker.vue' // Map setup const mapRef = useTemplateRef<{ leafletObject: Map }>('map') @@ -122,11 +123,7 @@ function handleClickGeoloc() { - - - - - + diff --git a/src/components/BikeUserMarker.vue b/src/components/BikeUserMarker.vue new file mode 100644 index 0000000..b977342 --- /dev/null +++ b/src/components/BikeUserMarker.vue @@ -0,0 +1,24 @@ + + + diff --git a/src/stores/map.ts b/src/stores/map.ts index 4a6fde7..e550ff1 100644 --- a/src/stores/map.ts +++ b/src/stores/map.ts @@ -20,7 +20,7 @@ export const useMap = defineStore('map', () => { } // Cluster layers options - const maxClusterRadius = 40 + const maxClusterRadius = 60 const disableClusteringAtZoom = 17 // Geolocation