Skip to content

Kartenanbieter

Im zweiten Schritt des Karten-Setups wählst du die Kartenanbieter, die du in deiner App nutzen möchtest. Du kannst einen oder mehrere Anbieter aktivieren.

Es stehen drei Kartenanbieter zur Verfügung:

OpenStreetMap

Kostenlos, Open Source, kein API-Key nötig.

Google Maps

Hochwertige Karten, Street View, erfordert API-Key.

MapTiler

Moderne Stile, EU-Server, erfordert API-Key.


Der Anbieter-Schritt zeigt dir:

  1. Titel: „Kartenanbieter”

  2. Beschreibung: „Wählen Sie die Kartenanbieter für Ihre App.”

  3. Info-Box: „Wählen Sie die Kartenanbieter, die Sie in Ihrer App nutzen möchten.”

  4. Drei Provider-Karten zum Auswählen


Empfohlen

Kostenlos, Open Source, keine API-Keys nötig. Ideal für den Start.

EigenschaftWert
KostenKostenlos
API-KeyNicht erforderlich
RegistrierungNicht erforderlich
DatenquelleCommunity-gepflegt
VerfügbarkeitWeltweit
  • ✅ Komplett kostenlos
  • ✅ Keine Registrierung nötig
  • ✅ Sofort einsatzbereit
  • ✅ Open Source und transparent
  • ✅ Weltweit verfügbar
  • ✅ Aktive Community
  • ❌ Keine Street View Funktion
  • ❌ Kartendesign weniger anpassbar
  • ❌ Satellitenbilder nicht verfügbar
  • Du startest gerade und willst keine Kosten
  • Du brauchst keine Premium-Features wie Street View
  • Du möchtest unabhängig von großen Anbietern sein

EigenschaftOpenStreetMapGoogle MapsMapTiler
KostenKostenlosAb 28.001 AufrufenAb 100.001 Aufrufen
API-KeyNicht nötigErforderlichErforderlich
KartenqualitätGutSehr gutGut
Street ViewNeinJaNein
SatellitenbilderNeinJaEingeschränkt
KartenstileStandardMehrereViele
EU-ServerVariiertNeinJa
Setup-AufwandMinimalMittelMittel

Du kannst mehrere Anbieter gleichzeitig aktivieren:

  • Fallback: Wenn ein Anbieter ausfällt, kann ein anderer übernehmen
  • Nutzerwahl: Nutzer können ihren bevorzugten Anbieter wählen
  • Flexibilität: Verschiedene Anbieter für verschiedene Anwendungsfälle

Der Standard-Anbieter wird automatisch basierend auf deiner Auswahl gesetzt:

Aktivierte AnbieterStandard wird
Nur OpenStreetMapOpenStreetMap
OpenStreetMap + GoogleGoogle Maps
OpenStreetMap + MapTilerMapTiler
Google + MapTilerGoogle Maps
Alle dreiGoogle Maps

Wenn du Google Maps oder MapTiler aktivierst, benötigst du API-Keys:

  1. Gehe zur Google Cloud Console
  2. Erstelle ein neues Projekt oder wähle ein bestehendes
  3. Aktiviere die Maps JavaScript API
  4. Gehe zu APIs & Services > Credentials
  5. Klicke auf Create Credentials > API key
  6. Kopiere den generierten Key
  1. Gehe zu maptiler.com
  2. Erstelle einen kostenlosen Account
  3. Gehe zum Dashboard
  4. Klicke auf Create a new key
  5. Gib einen Namen ein (z.B. „Meine App”)
  6. Kopiere den generierten Key

👉 Mehr zur API-Konfiguration