Fix zoom leven for overlay, and display of MousePositionControl

allenhwkim · Feb 17, 2025 · cc261cf · cc261cf
1 parent 37f384a
commit cc261cf
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-openlayers",
-  "version": "10.0.0",
+  "version": "10.1.0",
   "description": "React + OpenLayers",
   "author": "Allen Kim",
   "type": "module",

diff --git a/src/lib/Overlay.tsx b/src/lib/Overlay.tsx
@@ -30,7 +30,8 @@ export function Overlay(props) {
       const contentEl = popupEl.querySelector('#popup-content');
       let address;
       try {
-        address = await getAddress(lon, lat);
+        const zoom = Math.ceil(map.getView().getZoom());
+        address = await getAddress(lon, lat, zoom);
       } catch(e) {
         address = '';
         console.error(e);

diff --git a/src/stories/controls/MousePositionControl/MousePositionControl.stories.tsx b/src/stories/controls/MousePositionControl/MousePositionControl.stories.tsx
@@ -11,7 +11,7 @@ export const Primary = {
     const format = createStringXY(4);
     return (
       <Map>
-        <MousePositionControl coordinateFormat={format} projection='ESPG:4326' />
+        <MousePositionControl coordinateFormat={format} projection='EPSG:4326' />
         <TileLayer source={new OSM()} />
         <View center={[-10997148, 4569099]} zoom={4}/>
       </Map>