Joururi/leim-maps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed custom markers appearing on other maps

Browse Source
This commit is contained in:
Alexis
2025-01-01 21:14:33 +01:00
parent db67032941
commit 2ebee9f3e8
6 changed files with 24 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/maps/overlay/MarkerCreator.vue
View File

@@ -1,12 +1,18 @@
<script lang="ts" setup>
import type { MapMarker } from '@/types/Leaflet';
import { onClickOutside, useCssVar, useLocalStorage, useMouse } from '@vueuse/core'
import { computed, onMounted, ref, watch } from 'vue'
import { computed, onMounted, ref, watch, defineProps } from 'vue'
const markerMenu = ref<HTMLMenuElement>()
type MenuMode = "editing-marker" | "default"
const props = defineProps<{
mapKey?: string
}>()
const customMarkersKey = props.mapKey ? `custom-markers-${props.mapKey}` : 'custom-markers'
/**
* Appearing behaviour
*/
@@ -91,14 +97,14 @@ const markerTitleInput = ref<HTMLInputElement>()
const markerTitleInputError = ref<Error | null>()
// Data from localStorage
const customMarkersData = useLocalStorage('custom-markers', [])
const customMarkersData = useLocalStorage(customMarkersKey, [])
// Refresh from localStorage
onMounted(() => {
customMarkersData.value = useLocalStorage('custom-markers', []).value
customMarkersData.value = useLocalStorage(customMarkersKey, []).value
document.addEventListener('refresh-custom-markers', () => {
customMarkersData.value = useLocalStorage('custom-markers', []).value
customMarkersData.value = useLocalStorage(customMarkersKey, []).value
})
})

9
src/components/maps/overlay/SearchMarkers.vue
View File

@@ -9,10 +9,13 @@ import SearchMapSwitch from './SearchMapSwitch.vue';
const props = defineProps<{
markers: MapMarker[],
players: PlayerMarker,
mapKey?: string
}>()
const customMarkersKey = props.mapKey ? `custom-markers-${props.mapKey}` : 'custom-markers'
const fixedMarkers = props.markers
const customMarkersData = useLocalStorage('custom-markers', [])
const customMarkersData = useLocalStorage(customMarkersKey, [])
const allMarkers = computed(() => {
return [...fixedMarkers, ...customMarkersData.value]
@@ -142,10 +145,10 @@ function handleCategorySwitch(g: MapMarkerGroup) {
* Custom Markers handling
*/
onMounted(() => {
customMarkersData.value = useLocalStorage('custom-markers', []).value
customMarkersData.value = useLocalStorage(customMarkersKey, []).value
document.addEventListener('refresh-custom-markers', () => {
customMarkersData.value = useLocalStorage('custom-markers', []).value
customMarkersData.value = useLocalStorage(customMarkersKey, []).value
})
})