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 terá efeito.

Roteiro

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

Dois exemplos do mapa de tipo 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 do modo claro e do modo escuro para o tipo terrain.

Dois exemplos do mapa de tipo de terreno usando os esquemas de cores do modo claro e 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) nas opções de 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.

Para criar estilos claros e escuros personalizados para os tipos de mapa de roteiro, use a Estilização de mapas baseada na nuvem.