Eingebettete JSON-Stildeklarationen verwenden

Plattform auswählen: Android iOS JavaScript

Über eingebettete JSON-Stildeklarationen lassen sich benutzerdefinierte Stile auf

• die Standardkarte und
• Kartentypen, zwischen denen Nutzer innerhalb eines einzelnen Kartenframes wechseln können, anwenden.

Wenn Sie einen Stil schnell und einfach für mehrere Apps ändern möchten, bieten sich die Maps-Anpassungsfunktionen an, die in der Google Cloud Console verfügbar sind. Sie müssen eine Karten-ID erstellen und hinzufügen, um diese Funktionen zu nutzen. Wir empfehlen, die Maps-Anpassungsfunktionen und hartcodierte Stile nicht gemeinsam in einer App zu verwenden. Das könnte in Zukunft zu Konflikten führen.

Stile für Features festlegen

Wenn Sie Stile auf verschiedene Features und Elemente einer Karte anwenden möchten, erstellen Sie ein Array mit MapTypeStyle-Objekten, mit denen die Gestaltung der Karte definiert wird.

Das Array hat folgende Form:

var stylesArray = [
  {
    featureType: '',
    elementType: '',
    stylers: [
      {color: ''},
      {visibility: ''},
      // Add any stylers you need.
    ]
  },
  {
    featureType: '',
    // Add the stylers you need.
  }
]

Eine Liste aller verfügbaren Werte für featureType, elementType und stylers finden Sie in der JSON-Stilreferenz.

Maps Platform Styling Wizard

Benutzerdefinierte Stile für die Google Maps Platform APIs erstellen

Mit dem Maps Platform Styling Wizard lässt sich ganz schnell ein JSON-Stilobjekt erstellen.

Stile auf eine Standardkarte anwenden

Hier sehen Sie ein Beispiel für eine Standardkarte mit hellem Text und Symbolen auf dunklem Hintergrund (d. h. im dunklen Modus). Das Codebeispiel finden Sie unter Karten mit benutzerdefinierten Stilen – Nachtmodus.

Wenn Sie die Stile der Standardkarte ändern möchten, setzen Sie die styles-Eigenschaft der Karte im Objekt MapOptions auf Ihr Stilarray, wenn

• Sie die Karte erstellen oder
• die Methode Map.setOptions aufrufen.

Änderungen an Labels und Straßen wirken sich auf alle Kartentypen aus, einschließlich Gelände-, Satelliten- und hybride Karten sowie die standardmäßigen Straßenkarte.

Stile auf einen Kartentyp anwenden

Im folgenden Beispiel wurde ein zusätzlicher Kartentyp namens Karte mit benutzerdefinierten Stilen (Styled Map) zum Steuerelement oben links auf der Karte hinzugefügt. Das Codebeispiel finden Sie unter Arten von Karten mit benutzerdefinierten Stilen.

Wenn Sie einen Typ für Karten mit benutzerdefinierten Stilen erstellen möchten, setzen Sie das Stilarray auf ein StyledMapType-Objekt. Das Erstellen eines neuen Kartentyps wirkt sich nicht auf den Stil der Standardkartentypen aus.