fix: remove cooperativeGestures, increase fitBounds padding, add popups to embedded maps

themes/intotheeast/templates/trip.html.twig

@@ -214,8 +214,7 @@ var tripMap = new maplibregl.Map({
     container: 'trip-map',
     style: MapUtils.MAP_STYLE,
     center: [20, 20],
-    zoom: 2,
-    cooperativeGestures: true
+    zoom: 2
 });
 
 tripMap.on('load', function () {
@@ -251,12 +250,10 @@ tripMap.on('load', function () {
         bounds.extend(lngLat);
 
         var el = MapUtils.createDotMarker(isLatest);
-        el.addEventListener('click', function () {
-            var card = document.getElementById('entry-' + entry.slug);
-            if (card) { card.scrollIntoView({ behavior: 'smooth', block: 'center' }); }
-        });
+        var popup = new maplibregl.Popup({ offset: 12, closeButton: false, maxWidth: '200px' })
+            .setHTML('<div style="font-family:var(--font-ui);"><div style="font-size:0.72rem;color:var(--color-ink-muted);margin-bottom:2px;">' + entry.date + '</div><div style="font-weight:600;font-size:0.88rem;color:var(--color-ink);margin-bottom:6px;">' + entry.title + '</div><a href="' + entry.url + '" style="color:var(--color-accent);font-size:0.82rem;text-decoration:none;">Read →</a></div>');
 
-        new maplibregl.Marker({ element: el }).setLngLat(lngLat).addTo(tripMap);
+        new maplibregl.Marker({ element: el }).setLngLat(lngLat).setPopup(popup).addTo(tripMap);
     });
 
     MapUtils.addJourneyLine(tripMap, coords, 'trip-journey');
@@ -264,7 +261,7 @@ tripMap.on('load', function () {
     if (TRIP_ENTRIES.length === 1) {
         tripMap.jumpTo({ center: coords[0], zoom: 10 });
     } else {
-        tripMap.fitBounds(bounds, { padding: 20, maxZoom: 11 });
+        tripMap.fitBounds(bounds, { padding: 60, maxZoom: 11 });
     }
 });
 setTimeout(function () { tripMap.resize(); }, 100);