custom germen geoman labels

public/js/app.js

@@ -258,6 +258,40 @@ map.pm.addControls({
 
 map.pm.setLang('de');
 
+// Overwrites Geoman German Translations for User-friendly Labels
+map.pm.setLang('custom', {
+    tooltips: {
+        placeMarker: 'Punkt setzen mit Klick',
+        firstVertex: 'Ersten Punkt setzen mit Klick',
+        continueLine: 'Nächsten Punkt setzen mit Klick',
+        finishLine: 'Beenden mit Klick auf letzten Punkt',
+        finishPoly: 'Beenden mit Klick auf ersten Punkt',
+        finishRect: 'Beenden mit Klick'
+    },
+    actions: {
+        finish: 'Beenden',
+        cancel: 'Abbrechen',
+        removeLastVertex: 'Letzten Punkt löschen'
+    },
+    buttonTitles: {
+        drawMarkerButton: 'Punkt zeichnen',
+        drawPolyButton: 'Fläche zeichnen',
+        drawLineButton: 'Linie zeichnen',
+        drawCircleButton: 'Kreis zeichnen',
+        drawRectButton: 'Rechteck zeichnen',
+        editButton: 'Objekte bearbeiten',
+        dragButton: 'Objekte verschieben',
+        cutButton: 'Objekte ausschneiden',
+        deleteButton: 'Objekte löschen',
+        drawCircleMarkerButton: 'Kreismarker zeichnen',
+        snappingButton: 'Einrasten',
+        pinningButton: 'Fixieren',
+        rotateButton: 'Objekte drehen',
+        drawTextButton: 'Text zeichnen'
+    }
+});
+
+
 // Captures drawn Geometry and opens the Create Modal
 map.on('pm:create', function (e) {
     const geojson = e.layer.toGeoJSON().geometry;

public/styles.css

@@ -1347,20 +1347,23 @@ select.form-input { cursor: pointer; }
         font-size: 16px !important;
     }
 
-}
+    
-
-@media (min-width: 769px) {
-    :root { --map-side-padding: 8px; }
-}
-
 /* ---------------------------------------------------------
-       6.3 Popup Content Height Limit on Mobile
+       6.2 Popup Content Height Limit on Mobile
-       Prevents Popup from growing beyond Screen when
+    --------------------------------------------------------- */
-       Comments or Photos are toggled.
-       --------------------------------------------------------- */
     .leaflet-popup-content {
         max-height: 50vh;
         max-width: 33vh;
         overflow-y: auto;
     }
+
+}
+
+
+
+
+
+@media (min-width: 769px) {
+    :root { --map-side-padding: 8px; }
+}