Update CourseOptions.js

Added information about the area on paper. English term?
perliedman · Dec 25, 2024 · 219e72f · 219e72f
1 parent 734e528
commit 219e72f
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/CourseOptions.js b/src/CourseOptions.js
@@ -87,12 +87,19 @@ export default function CourseOptions({
           index={1}
           onChange={(extent) => setPrintArea({ extent })}
         />
+
         <div />
+        Size on paper
+        <div>Height: {((extent[3]-extent[1])*(mapScale/printScale)).toFixed(2)} mm ({(printArea.pageHeight/3.937).toFixed()} mm) </div>
+        <div>Width: {((extent[2]-extent[0])*(mapScale/printScale)).toFixed(2)} mm ({(printArea.pageWidth/3.937).toFixed()} mm) </div>  
       </div>
     </>
+
   );
 }
 
+
+
 function ExtentInput({ extent, index, onChange }) {
   return (
     <Input