
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 erklärt, wie Sie Ihre Stile auf sie anwenden.
Informationen zu den ersten Schritten mit benutzerdefinierten Stilen 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 Hintergründe 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 geeignete Karte 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 einen. Der Modus eines Stils kann nach der Erstellung nicht mehr geändert werden.
Sie können den Stiltyp auf der Seite Stildetails prüfen.
Eine Schritt-für-Schritt-Anleitung zum Erstellen benutzerdefinierter Stile finden Sie unter Kartenstile erstellen und verwenden styles.
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 Bearbeiten Symbol klicken, um einen Stil für den hellen oder dunklen Modus zu ändern, werden im Bereich nur Ihre Stile für diesen Modus angezeigt. Weitere Informationen finden Sie unter Stil mit einer Karten ID verknüpfen.
Anwenden benutzerdefinierter Stile auf mehrere Kartentypen
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 basiert (z. B. roadmap, navigation und 3D roadmap), eine Mischung
aus Vektordaten und Rasterbildern verwendet (z. B. terrain und hybrid) oder eine
Mischung aus Rasterbildern, 3D-Polygonen und Vektorbildern (z. B. 3D hybrid).
- Karten mit Vektordaten
- Die
roadmap,navigationund3D roadmapKartentypen verwenden nur Vektordaten, mit denen Sie die meisten Kartenelemente umfassend gestalten können, einschließlich Polygone für Land und Wasser, Straßen, Sehenswürdigkeiten und Points of Interest.
- Karten mit Rasterbildern
- Die Kartentypen
terrain,hybrid, und3D hybridverwenden Rasterbilder mit Vektordaten darüber. Daher sind die Gestaltungsmöglichkeiten eingeschränkt. 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). Elemente, die Teil der Basis Bilder sind, können nicht angepasst werden. - Die Abbildung unten zeigt beispielsweise einen Stil mit einem blauen Design. Das Wasser ist dunkler als in der Standardeinstellung und auf Straßen, Außenbereiche und POIs wird eine blaue Farbpalette angewendet. Wenn Sie eine Vorschau des Stils auf Hybrid- und 3D-Hybrid-Karten ansehen, sind das Wasser und die Außenbereiche nicht blau, aber Straßen und POIs sind weiterhin gestaltet.
Definitionen von Kartentypen und Unterstützung für Modi
In der folgenden Tabelle werden die Kartentypen definiert und es wird gezeigt, welche Kartentypen den hellen und dunklen Modus unterstützen.
| Kartentyp | Beschreibung | Basiskartenbilder | Unterstützung für Modi |
|---|---|---|---|
roadmap |
Eine Standardkartenansicht mit Straßen und wichtigen Elementen. | Vektor | Heller und dunkler Modus |
navigation |
Ein spezieller Kartentyp, der für die detaillierte Wegbeschreibung mit dem Navigation SDK optimiert ist. Weitere Informationen zur Navigation finden Sie in der Übersicht zu Kartenstilen für das Navigation SDK for Android und das Navigation SDK for iOS. | Vektor | Heller und dunkler Modus |
terrain |
Eine Karte, die physische Geländemerkmale wie Berge, Flüsse und Höhen hervorhebt. | Vektor und Raster | Heller und dunkler Modus |
hybrid |
Eine Kombination aus Satellitenbildern und Straßendaten, 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 Labels für Points of Interest, Straßen und Straßenschildern gestalten können. Dieser Kartentyp ist nur in 3D-Karten in der Maps JavaScript API verfügbar. | Vektor und Raster | Nur heller Modus |
Überlegungen zum Stil 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 auf Android und iOS mit dem Kartentyp
terrainverwenden, kann es vorkommen, dass das Wasser kurz blinkt. Dieses erwartete Verhalten tritt auf, wenn Sie Wasser gestalten, da die Straßenkacheln nach den Geländekacheln geladen werden. Diese verzögerte Ladung führt zu einem kurzen visuellen Konflikt bei benutzerdefinierten Farben.Polygonstile können zugrunde liegende Kartenelemente bei den Kartentypen
terrain,2D hybridund3D hybridverdecken. Beispielsweise kann ein stilisierter Parkpolygon auf einer Geländekarte subtile Geländemerkmale verdecken. Auf Hybridkarten kann es die zugrunde liegenden Satellitenbilder verdecken.Bei
3D hybridwerden Straßenpolylinien möglicherweise unter Brücken gerendert oder um Über- und Unterführungen herum falsch dargestellt.Bei den Kartentypen
3D roadmapund3D hybridkönnen Sie die Karteneinstellungen nicht ändern, um die Dichte der Points of Interest, den Stil von Gebäuden, den Stil von Sehenswürdigkeiten und die Hintergrundfarbe der App zu steuern.
Vorschau Ihrer Stile für jeden Kartentyp
Nachdem Sie Ihre benutzerdefinierten Stile erstellt haben, testen Sie sie mit den verschiedenen Kartentypen, um zu sehen, wie sie angewendet werden. Das ist besonders wichtig, da 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
Map typeDrop-down Liste aus und ändern Sie den Kartentyp. Die Karte wird aktualisiert und zeigt den Kartentyp mit dem angewendeten Stil an. - Seite mit den Kartendetails:Im Bereich Kartenvorschau können Sie zwischen Stilen für den hellen und dunklen Modus 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 ansehen können.
Benutzerdefinierte Stile auf mehrere Kartentypen anwenden
Nachdem Sie auf der Seite mit den Kartendetails Ihre Stile für den hellen und dunklen Modus mit Ihrer Karten-ID verknüpft haben, klicken Sie auf Mehr anzeigen , um auszuwählen, 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.