Fix #250

GIScience · Apr 21, 2023 · 214b675 · 214b675
1 parent 7c7bf9d
commit 214b675
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/client-src/create/form.js b/client-src/create/form.js
@@ -1,4 +1,7 @@
 import { PAPER_FORMAT, ORIENTATION, Margin } from "@giscience/ol-print-layout-control";
+import {
+    toLonLat, get as getProjection, transformExtent,
+} from "ol/proj";
 import { SKETCH_MAP_MARGINS } from "./sketchMapMargins";
 import { fillSelectOptions, setDisabled } from "../shared";
 
@@ -46,14 +49,18 @@ function bindFormToPrintLayoutControl(printLayoutControl) {
     // property: bbox (in webmercator)
     document.getElementById("bbox").value = JSON.stringify(printLayoutControl.getBbox());
     printLayoutControl.on("change:bbox", (event) => {
-        const newBbox = event.target.getBbox();
-        document.getElementById("bbox").value = JSON.stringify(newBbox);
+        let newBbox = event.target.getBbox();
+        newBbox = toLonLat(newBbox.slice(0, 2)).concat(toLonLat(newBbox.slice(2, 4))); // See https://github.com/GIScience/sketch-map-tool/issues/250
+        document.getElementById("bbox").value = JSON.stringify(
+            transformExtent(newBbox, getProjection("EPSG:4326"), getProjection("EPSG:3857")),
+        );
     });
 
     // property: bboxWGS84 (in wgs84)
     document.getElementById("bboxWGS84").value = JSON.stringify(printLayoutControl.getBboxAsLonLat());
     printLayoutControl.on("change:bbox", (event) => {
-        const newBbox = event.target.getBboxAsLonLat();
+        let newBbox = event.target.getBbox();
+        newBbox = toLonLat(newBbox.slice(0, 2)).concat(toLonLat(newBbox.slice(2, 4))); // See https://github.com/GIScience/sketch-map-tool/issues/250
         document.getElementById("bboxWGS84").value = JSON.stringify(newBbox);
     });