Esquema de cores do mapa

Para mapas do tipo roadmap e terrain, você pode definir o esquema de cores do mapa. (escuro, claro ou com a configuração atual do sistema) usando google.maps.colorScheme. A A opção colorScheme só pode ser definida quando o mapa é inicializado. definindo após a criação do mapa não terá efeito.

Roteiro

A imagem a seguir mostra os esquemas de cores dos modos claro e escuro para roadmap.

Dois exemplos do mapa de tipos de roteiro de Paris usando os esquemas de cores do modo claro e do modo escuro.

Relevo

A imagem a seguir mostra os esquemas de cores dos modos claro e escuro para terrain.

Dois exemplos de mapa de tipo de terreno usando os esquemas de cores do modo claro e do modo escuro.

Por padrão, o mapa usa o modo claro. Ao criar o mapa, importe ColorScheme e especifique o esquema de cores do mapa (LIGHT, DARK ou FOLLOW_SYSTEM) em opções do mapa, como mostrado aqui.

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);

Se você redefinir as opções depois que o mapa for instanciado, o colorScheme não terá efeito