added dynamic label for marker icons

oklabflensburg · Dec 2, 2024 · 578042d · 578042d
1 parent a6c9d95
commit 578042d
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/main.js b/src/main.js
@@ -340,14 +340,17 @@ async function renderEnergyUnits(mapReference, municipalityKey) {
             type: item.geojson.type,
             coordinates: item.geojson.coordinates
           },
-          properties: {}
+          properties: {
+            unitName: item.unit_name
+          }
         }))
     }
 
     // Create a new GeoJSON layer
     const newLayer = L.geoJSON(geoJsonData, {
       pointToLayer(feature, latlng) {
-        const label = 'tbd. label'
+        const label = feature.properties.unitName
+
         return L.marker(latlng, { icon: defaultIcon }).bindTooltip(label, {
           permanent: false,
           direction: 'top'
@@ -423,7 +426,7 @@ const updateSuggestions = (suggestions) => {
 
 
 const fetchSuggestions = async (query) => {
-  if (!query) {
+  if (!query || query.length < 2) {
     suggestionsList.classList.add('hidden')
     suggestionsList.innerHTML = ''