del: BasMapPanel entfernt aus rechliche Gründe,

Kurzantwort: Für kommerzielle Nutzung sind OSM‑Community‑Tile‑Server nicht geeignet. Nutze einen bezahlten Anbieter (z. B. Thunderforest, Tracestrack) oder hoste selbst. Attribution ist immer Pflicht.

Links und Hinweise je Layer/Provider:

OpenStreetMap Standard (osm-standard)

Lizenz/Daten: ODbL, Attribution Pflicht
Tile-Server-Policy (keine Produktion/hohe Last): https://operations.osmfoundation.org/policies/tiles/
Urheberrecht/Attribution: https://www.openstreetmap.org/copyright
HOT Humanitarian (osm-humanitarian)

Community-Server (OSM France); keine Produktion/hohe Last
Info/Policy OSM France Tiles: https://tile.openstreetmap.fr/
HOT: https://www.hotosm.org/
CyclOSM (cyclosm)

Community-Server (OSM France); keine Produktion/hohe Last
Projektseite: https://www.cyclosm.org/
Hinweise/Policy (OSM France): https://tile.openstreetmap.fr/
Wiki: https://wiki.openstreetmap.org/wiki/CyclOSM
Carto Light (carto-light / Positron)

Keylos nutzbar mit Attribution; Fair‑Use, für hohe Last über CARTO‑Pläne
Basemaps: https://carto.com/basemaps/
Attribution: https://carto.com/attributions
Pricing (Plattform): https://carto.com/pricing/ (bei großem Volumen Sales kontaktieren)
Thunderforest (Cycle/Transport u. a.)

Kommerziell mit API‑Key; Pläne von Free bis Pro
Pricing: https://www.thunderforest.com/pricing/
Terms/Attribution: https://www.thunderforest.com/terms/
Tracestrack Topo

API‑Key erforderlich; kostenlose und bezahlte Pläne
Übersicht/Pricing: https://www.tracestrack.com/en/maps/
Nutzungsbedingungen: https://www.tracestrack.com/en/terms/

components/mainComponent/MapComponent.js

@@ -24,7 +24,6 @@ import { useMapComponentState } from "@/components/hooks/useMapComponentState.js
 import CoordinatePopup from "@/components/contextmenu/CoordinatePopup.js";
 //----------Ui Widgets----------------
 import MapLayersControlPanel from "@/components/uiWidgets/mapLayersControlPanel/MapLayersControlPanel.js";
-import BaseMapPanel from "@/components/uiWidgets/baseMapPanel/BaseMapPanel.js";
 import CoordinateInput from "@/components/uiWidgets/CoordinateInput.js";
 import VersionInfoModal from "@/components/uiWidgets/VersionInfoModal.js";
 //----------Daten aus API--------------------
@@ -172,15 +171,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
       return true;
     }
   });
-  // Sichtbarkeit des Base-Map Panels (oben rechts, unter Toolbar)
-  const [showBaseMapPanel, setShowBaseMapPanel] = useState(() => {
-    try {
-      const v = localStorage.getItem("showBaseMapPanel");
-      return v === null ? false : v === "true";
-    } catch (_) {
-      return false;
-    }
-  });
+  // Base-Map Panel wurde entfernt
   // Sichtbarkeit der Koordinaten-Suche (Lupe)
   const [showCoordinateInput, setShowCoordinateInput] = useState(() => {
     try {
@@ -268,12 +259,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
       localStorage.setItem("showLayersPanel", String(showLayersPanel));
     } catch (_) {}
   }, [showLayersPanel]);
-  // Persistiere Sichtbarkeit des Base-Map Panels
-  useEffect(() => {
-    try {
-      localStorage.setItem("showBaseMapPanel", String(showBaseMapPanel));
-    } catch (_) {}
-  }, [showBaseMapPanel]);
+  // Persist-Logik für Base-Map Panel entfernt
   // Persistiere Sichtbarkeit der Koordinaten-Suche
   useEffect(() => {
     try {
@@ -1173,16 +1159,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
         >
           <img src="/img/expand-icon.svg" alt="Expand" className="h-8 w-8" />
         </button>
-        <button
-          onClick={() => setShowBaseMapPanel(v => !v)}
-          aria-label={
-            showBaseMapPanel ? "Kartenhintergrund ausblenden" : "Kartenhintergrund wählen"
-          }
-          className="rounded-full bg-white/90 hover:bg-white shadow p-1"
-          title={showBaseMapPanel ? "Kartenhintergrund ausblenden" : "Kartenhintergrund wählen"}
-        >
-          <Icon icon="material-symbols:layers-rounded" className="h-8 w-8 text-blue-900" />
-        </button>
+        {/* Lupe: Koordinaten-Suche ein-/ausblenden */}
         <button
           onClick={() => setShowLayersPanel(v => !v)}
           aria-label={showLayersPanel ? "Layer-Panel ausblenden" : "Layer-Panel einblenden"}
@@ -1191,7 +1168,6 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
         >
           <Icon icon="material-symbols:menu-rounded" className="h-8 w-8 text-blue-900" />
         </button>
-        {/* Lupe: Koordinaten-Suche ein-/ausblenden */}
         <button
           onClick={() => setShowCoordinateInput(v => !v)}
           aria-label={
@@ -1235,9 +1211,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
           />
         </button>
       </div>
-      {showBaseMapPanel && map && (
-        <BaseMapPanel map={map} onClose={() => setShowBaseMapPanel(false)} />
-      )}
+      {/* BaseMapPanel entfernt */}
       <CoordinatePopup isOpen={isPopupOpen} coordinates={currentCoordinates} onClose={closePopup} />
 
       {showAppInfoCard && (