github/TREK
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: pan to clicked marker without zoom reset — closes #86

Browse Source
This commit is contained in:
Maurice
2026-03-29 16:55:27 +02:00
parent 8458481950
commit 7dcd89fb71
1 changed files with 5 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
client/src/components/Map/MapView.tsx
View File

@@ -107,20 +107,14 @@ function SelectionController({ places, selectedPlaceId, dayPlaces, paddingOpts }
useEffect(() => { useEffect(() => {
if (selectedPlaceId && selectedPlaceId !== prev.current) { if (selectedPlaceId && selectedPlaceId !== prev.current) {
// Fit all day places into view (so you see context), but ensure selected is visible // Pan to the selected place without changing zoom
const toFit = dayPlaces.length > 0 ? dayPlaces : places.filter(p => p.id === selectedPlaceId) const selected = places.find(p => p.id === selectedPlaceId)
const withCoords = toFit.filter(p => p.lat && p.lng) if (selected?.lat && selected?.lng) {
if (withCoords.length > 0) { map.panTo([selected.lat, selected.lng], { animate: true })
try {
const bounds = L.latLngBounds(withCoords.map(p => [p.lat, p.lng]))
if (bounds.isValid()) {
map.fitBounds(bounds, { ...paddingOpts, maxZoom: 16, animate: true })
}
} catch {}
} }
} }
prev.current = selectedPlaceId prev.current = selectedPlaceId
}, [selectedPlaceId, places, dayPlaces, paddingOpts, map]) }, [selectedPlaceId, places, map])
return null return null
} }