LocationsLayer: added ui.map.showLocationNames to DefaultUserSettings…

….json to switch the location names on and off
Deltares · Jun 12, 2024 · 95abb3d · 95abb3d
1 parent 62a4a35
commit 95abb3d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/src/assets/DefaultUserSettings.json b/src/assets/DefaultUserSettings.json
@@ -23,6 +23,13 @@
     "value": true,
     "group": "Datum"
   },
+  {
+    "id": "ui.map.showLocationNames",
+    "type": "boolean",
+    "label": "Show location names",
+    "value": true,
+    "group": "UI"
+  },
   {
     "id": "ui.theme",
     "type": "oneOfMultiple",

diff --git a/src/components/wms/LocationsLayer.vue b/src/components/wms/LocationsLayer.vue
@@ -13,6 +13,7 @@
       :paint="paintCircleSpecification"
     />
     <mgl-symbol-layer
+      v-if="showNames"
       :layer-id="locationsTextLayerId"
       :layout="layoutTextSpecification"
       :paint="paintTextSpecification"
@@ -38,6 +39,12 @@ import { watch, onBeforeUnmount, computed } from 'vue'
 import { onBeforeMount } from 'vue'
 import { addLocationIconsToMap } from '@/lib/location-icons'
 import { useDark } from '@vueuse/core'
+import { useUserSettingsStore } from '@/stores/userSettings'
+
+const settings = useUserSettingsStore()
+const showNames = computed(() => {
+  return settings.get('ui.map.showLocationNames')?.value
+})
 
 interface Props {
   locationsGeoJson: FeatureCollection<Geometry, Location>