Usar o editor de estilo

Nesta página, mostramos como personalizar o estilo de elementos e recursos do mapa usando o editor de estilo no Console do Google Cloud. Lá, você pode personalizar o estilo dos recursos do mapa, como as cores de preenchimento e contorno dos elementos. Também é possível controlar os pontos de interesse (PDIs) de visibilidade e densidade e aplicar estilos por nível de zoom.

As personalizações de estilo de mapa sempre prevalecem sobre as possíveis atualizações do Google, como aquelas feitas no estilo padrão de um mapa otimizado para um setor ou no mapa básico do Google.

Exemplo

Para executar o app de exemplo ApiDemos, consulte a amostra do GitHub (Java | Kotlin) e veja a demonstração do CloudBasedMapStylingActivity (Java | Kotlin).

Personalizar a estilização de elementos do mapa

Você pode personalizar o estilo de um recurso, como as cores de preenchimento e do contorno de uma via:

Abra o editor de estilo acessando a página Estilos de mapa no Console do Cloud e crie um estilo ou atualize um existente:
Selecione um recurso para abrir o submenu Tipo de elemento. A mudança de estilo de um recurso pai também se aplica aos filhos. Por exemplo, as personalizações do recurso Via também são aplicadas aos recursos filhos: Rodovia, Acesso controlado, Via arterial, Local, Com acesso para veículos e Trilha.
Para personalizar um recurso, selecione o elemento pai Geometria. O submenu Estilizadores será aberto.
- Quando você muda a cor, a caixa de seleção Cor é automaticamente marcada, e suas personalizações de cores são aplicadas ao elemento Geometria e aos filhos.
- Alterne a visibilidade dos elementos selecionando uma das seguintes opções:
  - Herdar (padrão): o elemento herda as personalizações dos pais.
  - Ativada: substitui qualquer herança, garantindo que o elemento esteja sempre visível no mapa.
  - Desativada: substitui qualquer herança, garantindo que o elemento fique sempre oculto.
Clique em Salvar para salvar as alterações. Elas não serão aplicadas a nenhum mapa até que você clique em Publicar.

Personalizar por nível de zoom

É possível personalizar o estilo dos elementos existentes em diferentes níveis de zoom ao criar estilos de mapa com o editor no Console do Google Cloud. Por exemplo, você pode personalizar a cor da água de rosa no nível de zoom 0 para roxo no nível de zoom 10 e associar outras personalizações ao grau de detalhes que você vê no zoom especificado.

Se quiser fazer personalizações de estilo em diferentes níveis de zoom, siga estas etapas:

Abra o editor de estilo acessando a página Estilos de mapa no Console do Cloud e crie um estilo ou atualize um existente:
Selecione um recurso para abrir o submenu Tipo de elemento e escolha um elemento para personalizar.
Marque a caixa de seleção Personalizar em vários níveis de zoom para que as personalizações no nível de zoom atual sejam exibidas no editor de estilo.

Depois de marcar a caixa de seleção Personalizar em vários níveis de zoom, você verá:
- uma caixa de seleção Adicionar parada: z que indica seu nível de zoom atual e anexa personalizações ao nível indicado;
- uma barra deslizante para modificar e selecionar seu nível de zoom. É possível ajustar os níveis de zoom usando os controles booleanos no mapa ou as teclas de seta do teclado.
Quando você faz personalizações no submenu Estilizadores, o Editor de estilo marca automaticamente a caixa de seleção Adicionar parada: z, exibe um ponto azul acima do controle deslizante e substitui todos os estilos herdados.

Esse ponto indica que as alterações foram feitas no nível de zoom selecionado. Para evitar que as alterações sejam salvas em um determinado nível de zoom, desmarque a caixa de seleção Adicionar parada: z. O ponto azul ficará cinza para indicar que as alterações não serão salvas naquele nível. Depois que a caixa de seleção é limpa, o elemento retorna ao estilo herdado.

Qualquer personalização feita em um nível de zoom é aplicada aos níveis indicados e aos superiores. Por exemplo, as personalizações no nível de zoom 10 são implementadas nos níveis de zoom 10, 11, 12 e assim por diante. As personalizações substituem os estilos herdados.
Para salvar as alterações, clique em Salvar. Para tornar públicas as mudanças nos IDs de mapa associados ao estilo, clique em Publicar.