Fix hash position being overridden by geolocation or applyBaseStyle

Parse the URL hash before constructing the OL View so the initial center/zoom
are set correctly from the start. This prevents applyBaseStyle (which saves and
restores view state) from firing moveend and overwriting the hash before
useMapHash wires up. Export parseMapHash from the composable and call it at the
top of onMounted; skip geolocation only when a hash was present at that moment.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: migurski

site/src/components/MapContainer.vue

@@ -70,7 +70,7 @@ import { apply } from 'ol-mapbox-style'
 import PoiPopup from './PoiPopup.vue'
 import ConfidenceLegend from './ConfidenceLegend.vue'
 import { useGeolocation } from '../composables/useGeolocation.js'
-import { useMapHash } from '../composables/useMapHash.js'
+import { useMapHash, parseMapHash } from '../composables/useMapHash.js'
 import {
   getOsmLayer,
   updateOsmFilters,
@@ -120,9 +120,10 @@ function getDataLayers() {
 }
 
 onMounted(async () => {
+  const hashState = parseMapHash()
   const view = new View({
-    center: fromLonLat(INITIAL_CENTER),
-    zoom: INITIAL_ZOOM,
+    center: hashState ? hashState.center : fromLonLat(INITIAL_CENTER),
+    zoom: hashState ? hashState.zoom : INITIAL_ZOOM,
     minZoom: MIN_ZOOM,
   })
 
@@ -162,8 +163,8 @@ onMounted(async () => {
   updateOvertureFilters(props.overtureFilters)
   updateConflatedFilters(props.conflatedFilters)
 
-  const { hasHash } = useMapHash(olMap)
-  if (!hasHash) handleGeolocate()
+  useMapHash(olMap)
+  if (!hashState) handleGeolocate()
 })
 
 onBeforeUnmount(() => {

site/src/composables/useMapHash.js

@@ -2,7 +2,7 @@ import { fromLonLat, toLonLat } from 'ol/proj'
 
 const HASH_RE = /^#(\d+(?:\.\d+)?)\/(-?\d+(?:\.\d+)?)\/(-?\d+(?:\.\d+)?)$/
 
-function readHash() {
+export function parseMapHash() {
   const m = HASH_RE.exec(window.location.hash)
   if (!m) return null
   return {
@@ -20,14 +20,5 @@ function writeHash(view) {
 }
 
 export function useMapHash(map) {
-  const initial = readHash()
-
-  if (initial) {
-    map.getView().setCenter(initial.center)
-    map.getView().setZoom(initial.zoom)
-  }
-
   map.on('moveend', () => writeHash(map.getView()))
-
-  return { hasHash: !!initial }
 }