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
.
Relevo
A imagem a seguir mostra os esquemas de cores dos modos claro e escuro para
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
) 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