From b850ed6bbd958f5e770c5398565367f1b051d2da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20F=C3=B6der?= <adrian@foeder.de>
Date: Tue, 11 Jun 2024 18:53:47 +0200
Subject: [PATCH] Some further tweaks

---
 amex-dining-credit/index.html | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)
diff --git a/amex-dining-credit/index.html b/amex-dining-credit/index.html
index cc8db0a..49fcdab 100644
--- a/amex-dining-credit/index.html
+++ b/amex-dining-credit/index.html
@@ -12,7 +12,7 @@
 
 <body>
 <header style="display: flex; gap: 2rem; align-items: baseline">
-    <h1>AMEX Dining Credit restaurants</h1>
+    <h1>AMEX Dining Credit restaurants <small style="font-size: x-small">beta</small></h1>
 
     <nav>
         <select id="country-chooser">
@@ -93,7 +93,7 @@ <h1>AMEX Dining Credit restaurants</h1>
 
         map = new Map(document.getElementById("map"), {
             center: { lat: 51.163375, lng: 10.447683 },
-            zoom: 6,
+            zoom: 2,
             mapId: "DEMO_MAP_ID"
         });
     }
@@ -118,16 +118,17 @@ <h1>AMEX Dining Credit restaurants</h1>
         }
         console.info("merchants for "+country+":", merchantsJson);
 
-        merchantsJson.forEach(item => {
+        merchantsJson.forEach((item, i) => {
             if (!item.assumedLocation) {
                 console.warn("Could not find a location for", item);
                 return;
             }
-            new AdvancedMarkerElement({
-                map,
-                position: { lat: item.assumedLocation.lat, lng: item.assumedLocation.lon },
-                title: item.name,
-            });
+            const marker =
+                new AdvancedMarkerElement({
+                    map,
+                    position: { lat: item.assumedLocation.lat, lng: item.assumedLocation.lon },
+                    title: item.name,
+                });
         });
     }
 
@@ -138,14 +139,16 @@ <h1>AMEX Dining Credit restaurants</h1>
     fillMarkers(select.value);
 
     const selectedOption = select.options[select.selectedIndex];
+    //@setZoom https://developers.google.com/maps/documentation/javascript/reference/map
     map.panTo({lat: parseFloat(selectedOption.dataset.lat), lng: parseFloat(selectedOption.dataset.lng)});
+    map.setZoom(6);
 });
 
 }();
 </script>
 
 <footer style="margin-top: 1rem">
-    Source:
+    AMEX home page:
         <a href="https://www.americanexpress.com/en-gb/benefits/diningbenefit/">🇬🇧</a>
         <a href="https://www.americanexpress.com/de-de/benefits/diningbenefit/">🇩🇪</a>
 </footer>
