Kartenfarbschema

Für Karten vom Typ roadmap und terrain können Sie das Farbschema der Karte (dunkel, hell oder aktuelle Systemeinstellung) mit google.maps.colorScheme festlegen. Die Option colorScheme kann nur beim Initialisieren der Karte festgelegt werden. Wenn Sie diese Option nach dem Erstellen der Karte festlegen, hat das keine Auswirkungen.

Roadmap

Das folgende Bild zeigt die Farbschemas für den hellen und den dunklen Modus für den Typ roadmap.

Zwei Beispiele für die Karte vom Typ „Roadmap“ von Paris mit den Farbschemas für den hellen und den dunklen Modus.

Gelände

Das folgende Bild zeigt die Farbschemas für den hellen und den dunklen Modus für den Typ terrain.

Zwei Beispiele für die Karte des Geländetyps mit den Farbschemas für den hellen und den dunklen Modus.

Standardmäßig wird die Karte im hellen Modus angezeigt. Importieren Sie beim Erstellen der Karte ColorScheme und geben Sie das Farbschema der Karte (LIGHT, DARK oder FOLLOW_SYSTEM) in den Kartenoptionen an, wie hier gezeigt.

const {ColorScheme} = await google.maps.importLibrary("core")

const mapOptions = {
  center: { lat: -34.397, lng: 150.644 },
  zoom: 8,
  colorScheme: ColorScheme.DARK,
}
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

Wenn Sie die Optionen zurücksetzen, nachdem die Karte instanziiert wurde, hat colorScheme keine Auswirkungen.

Wenn Sie benutzerdefinierte helle und dunkle Stile für Ihre Straßenkarten erstellen möchten, verwenden Sie das cloudbasierte Gestalten von Karteninhalten.