Informationen zu Modi und Kartentypen

Plattform auswählen: Android iOS JavaScript Webdienst

Zwei App-Bildschirme mit einer Karte im dunklen und hellen Modus

In diesem Dokument wird die konzeptionelle Beziehung zwischen benutzerdefinierten Stilen und dem hellen und dunklen Modus beschrieben. Außerdem werden die verschiedenen Kartentypen definiert und es wird erläutert, wie Sie Ihre Stile darauf anwenden.

Informationen zum Erstellen benutzerdefinierter Stile finden Sie unter Neuen Stil erstellen.

Heller und dunkler Modus

Sie können zwei verschiedene Stile für eine einzelne Karten-ID erstellen: einen für helle und einen für dunkle Hintergründe. Karten für helle Hintergründe verwenden eine andere Basiskarte als Karten für dunkle Hintergründe. Daher können Sie nicht einen Stil für beide Modi verwenden.

Die Stile für den hellen und dunklen Modus bieten die am besten geeigneten Karten mit benutzerdefinierten Stilen für verschiedene Umgebungen. Wenn Sie die Karten-ID in Ihren Anwendungen verwenden, kann Ihre App den entsprechenden Stil basierend auf dem programmierten Verhalten oder den Geräteeinstellungen des Nutzers laden.

Beim Erstellen eines Stils den hellen oder dunklen Modus auswählen

Sie wählen entweder den hellen oder den dunklen Modus aus, wenn Sie einen Stil erstellen oder kopieren. Sie können den Modus eines Stils nach dem Erstellen nicht mehr ändern.

Den Stiltyp können Sie auf der Stildetailseite einsehen.

Eine detaillierte Anleitung zum Erstellen benutzerdefinierter Stile finden Sie unter Kartenstile erstellen und verwenden.

Einen Stil für den hellen Modus und einen Stil für den dunklen Modus mit einer Karten-ID verknüpfen

Eine Karten-ID unterstützt nur einen Stil für den hellen Modus und einen Stil für den dunklen Modus. Wenn Sie auf das Symbol  Bearbeiten klicken, um einen Stil für den hellen oder dunklen Modus zu ändern, werden im Bereich nur die Stile für diesen Modus angezeigt. Weitere Informationen finden Sie unter Stil mit einer Karten-ID verknüpfen.

Benutzerdefinierte Stile auf mehrere Kartentypen anwenden

Die Google Maps Platform bietet verschiedene Kartentypen für unterschiedliche Anwendungsfälle, darunter roadmap, navigation, hybrid, terrain, 3D roadmap und 3D hybrid. Der Grad der Anpassung hängt davon ab, ob die Karte nur auf Vektordaten (z. B. roadmap, navigation und 3D roadmap), einer Mischung aus Vektordaten und Rasterbildern (z. B. terrain und hybrid) oder einer Mischung aus Rasterbildern, 3D-Polygonen und Vektorbildern (z. B. 3D hybrid) basiert.

Vektordatenkarten
Die Kartentypen roadmap, navigation und 3D roadmap verwenden nur Vektordaten. Damit können Sie die meisten Kartenelemente umfassend gestalten, einschließlich Polygonen für Land und Wasser, Straßen, Sehenswürdigkeiten und POIs.
Rasterkarten
Die Kartentypen terrain, hybrid und 3D hybrid verwenden Rasterbilder mit darübergelegten Vektordaten. Daher sind die Gestaltungsmöglichkeiten begrenzt. In der Regel können Sie nur Vektordaten gestalten, die auf die Bilder gelegt werden, z. B. Labels, Pins und einige Polylinien (z. B. Straßen, Grenzen). Funktionen, die Teil des Basisbildmaterials sind, können nicht angepasst werden.
Das Bild unten zeigt beispielsweise einen Stil mit einem blauen Design. Wasser wird dunkler als standardmäßig dargestellt und für Straßen, Außenbereiche und POIs wird eine blaue Farbpalette verwendet. Wenn Sie den Stil in der Hybrid- und 3D-Hybridansicht in der Vorschau ansehen, sind die Wasser- und Außenbereiche nicht blau, aber Straßen und POIs werden weiterhin gestylt.

Karten mit rosa Wasser, aber bei Hybrid- und 3D-Hybrid-Karten wird das Wasser in den Standardfarben angezeigt.

Kartentypdefinitionen und Modusunterstützung

In der folgenden Tabelle sind die Kartentypen definiert und es wird gezeigt, welche Kartentypen den hellen und den dunklen Modus unterstützen.

Kartentyp Beschreibung Basiskartenbilder Unterstützte Modi
roadmap Eine Standardkartenansicht, auf der Straßen und wichtige Elemente zu sehen sind. Vektor Heller und dunkler Modus
navigation Ein spezieller Kartentyp, der für die detaillierte Routenführung mit dem Navigation SDK optimiert ist. Weitere Informationen zur Navigation finden Sie in der Übersicht zum Anpassen von Kartenstilen für das Navigation SDK for Android und das Navigation SDK for iOS. Vektor Heller und dunkler Modus
terrain Eine Karte, auf der physische Geländemerkmale wie Berge, Flüsse und Höhen hervorgehoben sind. Vektor und Raster Heller und dunkler Modus
hybrid Eine Kombination aus Satellitenbildern und Straßenkartendaten, bei der Straßennamen und andere wichtige Elemente auf die Bilder gelegt werden. Vektor und Raster Nur heller Modus
3D roadmap Eine 3D-Standardkarte mit Straßen und wichtigen Elementen Dieser Kartentyp ist nur in 3D-Karten in der Maps JavaScript API verfügbar. Vektor Nur heller Modus
3D hybrid Eine fotorealistische 3D-Karte, auf der Sie die Sichtbarkeit von POI-Labels, Straßen und Straßenschildern anpassen können. Dieser Kartentyp ist nur in 3D-Karten in der Maps JavaScript API verfügbar. Vektor und Raster Nur heller Modus

Stilüberlegungen für Karten mit Rasterbildern

Beim Gestalten der Kartentypen terrain, 2D hybrid, 3D hybrid und 3D roadmap kann es zu folgenden Verhaltensweisen kommen:

  • Wenn Sie benutzerdefinierte Stile unter Android und iOS mit dem Kartentyp terrain verwenden, kann es vorkommen, dass das Wasser vorübergehend blinkt. Dieses erwartete Verhalten tritt auf, wenn Wasser gestaltet wird, da die Roadmap-Kacheln nach den Geländekacheln geladen werden. Diese verzögerte Ladezeit führt zu einem kurzen visuellen Konflikt bei benutzerdefinierten Farben.

  • Polygonstile können zugrunde liegende Kartenelemente bei den Kartentypen terrain, 2D hybrid und 3D hybrid verdecken. Wenn Sie beispielsweise ein stilisiertes Parkpolygon auf einer Geländekarte verwenden, werden möglicherweise subtile Geländeelemente ausgeblendet. Bei Hybridkarten werden dadurch möglicherweise die zugrunde liegenden Satellitenbilder ausgeblendet.

  • Bei 3D hybrid werden Straßen-Polylinien möglicherweise unter Brücken gerendert oder falsch um Über- und Unterführungen herum dargestellt.

  • Bei den Kartentypen 3D roadmap und 3D hybrid können Sie die Karteneinstellungen für die Dichte von POIs, den Stil von Gebäuden, den Stil von Sehenswürdigkeiten und die Hintergrundfarbe der App nicht ändern.

Stile für jeden Kartentyp in der Vorschau ansehen

Nachdem Sie Ihre benutzerdefinierten Stile erstellt haben, sollten Sie sie auf den verschiedenen Kartentypen testen, um zu sehen, wie sie angewendet werden. Das ist besonders wichtig, weil nicht alle Stile für alle Kartentypen gelten.

In der Google Cloud Console können Sie sich eine Vorschau Ihrer benutzerdefinierten Stile im Stileditor oder auf der Seite mit den Kartendetails ansehen:

  • Stileditor:Wählen Sie im Kontextbereich die Drop-down-Liste Map type aus und ändern Sie den Kartentyp. Die Karte wird aktualisiert und zeigt den Kartentyp mit Ihrem Stil an.
  • Detailseite der Karte:Im Bereich Kartenvorschau können Sie zwischen hellen und dunklen Stilen wechseln und in der Drop-down-Liste die Variante in verschiedene Kartentypen ändern. Sie müssen Ihren Stil zuerst mit der Karten-ID verknüpfen, bevor Sie eine Vorschau sehen können.

Benutzerdefinierte Stile auf mehrere Kartentypen anwenden

Klicken Sie auf der Seite mit den Kartendetails, nachdem Sie Ihre Stile für den hellen und dunklen Modus mit Ihrer Karten-ID verknüpft haben, auf Mehr anzeigen, um festzulegen, ob Ihre benutzerdefinierten Stile auf mehrere Kartentypen angewendet werden sollen. Im Bereich Kartenvorschau können Sie noch einmal prüfen, wie der Stil auf die Kartentypen angewendet wird.