fix async geocode function (#577)

Inside the nested async function of `geocode()` you have no access to `this`. So I removed the nested function and defined `geocode` as async itself. Then it works.
FriendsOfTYPO3 · Sep 9, 2024 · 3d6dc84 · 3d6dc84
1 parent 1f8f25a
commit 3d6dc84
Showing 1 changed file with 18 additions and 21 deletions.
diff --git a/Resources/Public/JavaScript/esm/leaflet-backend.js b/Resources/Public/JavaScript/esm/leaflet-backend.js
@@ -200,31 +200,28 @@ class LeafletBackendModule {
       .classList.remove("active");
   }
 
-  geocode() {
-    async function fetchGeoData() {
-      try {
-        let response = await fetch(this.geoCodeUrl);
-        let data = await response.json();
-
-        if (data.length === 0) {
-          response = await fetch(this.geoCodeUrlShort);
-          data = await response.json();
-        }
+  async geocode() {
+    try {
+      let response = await fetch(this.geoCodeUrl);
+      let data = await response.json();
+
+      if (data.length === 0) {
+        response = await fetch(this.geoCodeUrlShort);
+        data = await response.json();
+      }
 
-        if (data.length !== 0) {
-          const firstResult = data[0];
-          if ("lat" in firstResult) {
-            this.latitude = firstResult.lat;
-          }
-          if ("lon" in firstResult) {
-            this.longitude = firstResult.lon;
-          }
+      if (data.length !== 0) {
+        const firstResult = data[0];
+        if ("lat" in firstResult) {
+          this.latitude = firstResult.lat;
+        }
+        if ("lon" in firstResult) {
+          this.longitude = firstResult.lon;
         }
-      } catch (error) {
-        console.error("Error fetching geo data:", error);
       }
+    } catch (error) {
+      console.error("Error fetching geo data:", error);
     }
-    fetchGeoData();
   }
 }