Informationen zu Modi und Kartentypen

Plattform auswählen: Android iOS JavaScript Webdienst

Zwei App-Screenshots, auf denen eine Karte im dunklen und im hellen Modus zu sehen ist

In diesem Dokument wird die konzeptionelle Beziehung zwischen benutzerdefinierten Stilen und Hell- und Dunkelmodus beschrieben. Außerdem werden die verschiedenen Kartentypen definiert und es wird erläutert, wie Sie Ihre Stile auf sie anwenden.

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

Hellen und dunklen Modus verwenden

Sie können zwei unterschiedliche Stile für eine einzelne Karten-ID erstellen: einen, der für helle Hintergründe optimiert ist, 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 denselben Stil für beide Modi verwenden.

Die Stile für den hellen und den dunklen Modus bieten die am besten geeignete gestylte Karte 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 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 hellen und einen dunklen Stil 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
Bei den Kartentypen roadmap, navigation und 3D roadmap werden nur Vektordaten verwendet. So 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 Vektordaten. Daher sind die Formatierungsmö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). 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. Bei Hybrid- und 3D-Hybridkarten wird das Wasser jedoch in den Standardfarben dargestellt.

Definitionen von Kartentypen und Unterstützung von Modi

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

Kartentyp Beschreibung Basiskartenbilder Unterstützung von 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öhe hervorgehoben werden. 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 Straßenkartentiles nach den Geländetiles geladen werden. Dieses verzögerte Laden 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 nicht ändern, um die Dichte von POIs, den Stil von Gebäuden, den Stil von Sehenswürdigkeiten und die Hintergrundfarbe der App zu steuern.

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, da nicht alle Stile für alle Kartentypen gelten.

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

  • Design-Editor:Wählen Sie im Kontextbereich das Drop-down-Menü 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 den Stil zuerst mit der Karten-ID verknüpfen, bevor Sie ihn in der Vorschau ansehen 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 sehen, wie der Stil auf die Kartentypen angewendet wird.