fix: popup projection and getProjection from map view instead of static "EPSG:3857"

Author: yharby

src/vendors/Geo.jsx

@@ -530,7 +530,7 @@ function Geo(props) {
               pedit.getActive() || ledit.getActive() || fedit.getActive()))
             && layer && layer.get("selectable") !== false && feature) { //only fire event if we are not drawing
             fireEvent('click:feature', {
-              extent: transformExtent(feature.getGeometry()?.extent_, 'EPSG:3857', 'EPSG:4326') || [],
+              extent: transformExtent(feature.getGeometry()?.extent_, olMap.getView().getProjection(), 'EPSG:4326') || [],
               properties: feature.getProperties() || {},
               layer: layer.get("name")
             })
@@ -582,7 +582,7 @@ function Geo(props) {
       //On move
       olMap.on('moveend', () => {
         const extent = olMap.getView().calculateExtent(olMap.getSize()); // Get the current extent
-        const transformedExtent = transformExtent(extent, 'EPSG:3857', 'EPSG:4326'); // Transform the extent to WGS 84
+        const transformedExtent = transformExtent(extent, olMap.getView().getProjection(), 'EPSG:4326'); // Transform the extent to WGS 84
         fireEvent('bbox:change', transformedExtent); // Call the callback with the updated bbox
       }
       );

src/vendors/helpers/Popup.js

@@ -5,6 +5,7 @@
  */
 import Overlay from 'ol/Overlay';
 import { getCenter } from 'ol/extent';
+import { fromLonLat, transformExtent } from 'ol/proj';
 
 // Adjusted to accept a map instance directly
 export function showPopup(map, coordinates, message) {
@@ -42,11 +43,14 @@ export function showPopup(map, coordinates, message) {
     if (Array.isArray(coordinates)) {
         // If coordinates have more than two values, assume it's an extent and calculate its center.
         if (coordinates.length > 2) {
-            coordinates = getCenter(coordinates);
+            coordinates = getCenter(transformExtent(coordinates, 'EPSG:4326', map.getView().getProjection()));
+        }
+        else if (coordinates.length < 3) {
+            coordinates = fromLonLat(coordinates);
         }
         // Now coordinates will always be a pair here, suitable for setPosition.
         let content = popup.getElement().querySelector('.ol-popup-content');
         content.innerHTML = message;
-        popup.setPosition([coordinates[0], coordinates[1]]);
+        popup.setPosition(coordinates);
     }
 }