Mapear esquema de cores

Para mapas do tipo roadmap e terrain, é possível definir o esquema de cores do mapa (escuro, claro ou configuração atual do sistema) usando google.maps.colorScheme. A opção colorScheme só pode ser definida quando o mapa é inicializado. Definir essa opção depois que o mapa é criado não tem efeito.

Roteiro

A imagem a seguir mostra os esquemas de cores do modo claro e escuro para o tipo roadmap.

Relevo

A imagem a seguir mostra os esquemas de cores do modo claro e escuro para o tipo terrain.

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) nas opções do mapa, conforme 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, colorScheme não terá efeito.

Observação: os estilos personalizados que usam IDs de mapa só se aplicam ao esquema de cores claras para os tipos de mapa do roteiro.