Kartenfarbschema

Bei 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 festgelegt werden, wenn die Karte initialisiert wird. Wenn Sie diese Option nach dem Erstellen der Karte festlegen, hat das keine Auswirkungen.

Roadmap

Die folgende Abbildung zeigt die Farbschemas für den hellen Modus und den dunklen Modus für den Typ roadmap.

Zwei Beispiele für den Kartentyp „Straßenkarte“ von Paris mit den Farbschemas „Heller Modus“ und „Dunkler Modus“.

Gelände

Die folgende Abbildung zeigt die Farbschemas für den hellen Modus und den dunklen Modus für den Typ terrain.

Zwei Beispiele für den Kartentyp „Gelände“ 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 nach dem Instanziieren der Karte zurücksetzen, hat colorScheme keine Auswirkungen.

Wenn Sie benutzerdefinierte helle und dunkle Stile für Ihre Kartentypen vom Typ „roadmap“ erstellen möchten, verwenden Sie das cloudbasierte Gestalten von Karteninhalten.