m038/intotheeast-com-content
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: hover-only title tooltip on map markers; click navigates to entry

Browse Source
This commit is contained in:
Mischa
2026-06-19 22:05:52 +02:00
parent f7df6ef37e
commit 044e74f5d3
5 changed files with 43 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/intotheeast/templates/home.html.twig
+7 -3
View File
@@ -147,10 +147,14 @@ homeMap.on('load', function () {
bounds.extend(lngLat);
var el = MapUtils.createDotMarker(isLatest);
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>');
var popup = new maplibregl.Popup({ offset: 12, closeButton: false, closeOnClick: false, className: 'map-tip-popup' })
.setLngLat(lngLat)
.setHTML('<span class="map-tip">' + entry.title + '</span>');
el.addEventListener('mouseenter', function () { popup.addTo(homeMap); });
el.addEventListener('mouseleave', function () { popup.remove(); });
el.addEventListener('click', function () { window.location.href = entry.url; });
new maplibregl.Marker({ element: el }).setLngLat(lngLat).setPopup(popup).addTo(homeMap);
new maplibregl.Marker({ element: el }).setLngLat(lngLat).addTo(homeMap);
});
MapUtils.addJourneyLine(homeMap, coords, 'home-journey');