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

Die folgende Abbildung zeigt die Farbschemas für den hellen und 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

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

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

Standardmäßig wird für die Karte der helle Modus verwendet. 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 Roadmap-Kartentypen erstellen möchten, verwenden Sie das cloudbasierte Gestalten von Karteninhalten.