Tutorial: destacar uma rede de estradas

Selecione a plataforma: Android iOS JavaScript Web Service

Os recursos neste documento marcados com o ícone de ciência estão em pré-lançamento (pré-GA).

Este tutorial mostra as etapas para criar e usar um estilo de mapa no modo claro que destaca a malha rodoviária:

1. Crie e publique um estilo de mapa para que fique disponível para uso.

2. Crie e conecte um ID de mapa que permita usar seu estilo em apps e sites.

3. Adicione o ID do mapa aos seus apps e sites para que os apps usem seu estilo de mapa.

Etapa 1: criar e publicar um estilo de mapa

Abrir a Estilização de mapas baseada na nuvem

1. Acesse o console do Google Cloud e selecione Estilos de mapa. Selecione ou crie um projeto, se necessário.

2. Escolha Criar estilo.

3. Selecione Luz.

4. Na parte de baixo da caixa de diálogo, selecione Personalizar.

Estilizar a malha rodoviária

1. Em Elementos do mapa, expanda Infraestrutura e selecione Malha rodoviária.

2. No painel "Estilo da malha rodoviária", em Polilinha, depois em Cor de preenchimento, selecione a caixa de cores.

3. Escolha uma cor clara. Quando você muda a cor, a caixa Cor de preenchimento é marcada automaticamente.

   Observação: um ponto sólido aparece ao lado do elemento do mapa para indicar que tem um estilo personalizado.

4. Em Largura do traço, defina como 5 px.

5. No mapa, aumente e reduza o zoom para conferir o efeito das suas alterações. Como você selecionou um elemento do mapa que é relativamente alto na hierarquia, todos os tipos de via abaixo dele vão herdar as alterações.

   

Salvar e publicar o estilo do mapa

1. No canto superior direito, selecione Salvar.

2. Em Salvar e publicar estilo de mapa, insira um nome e, se quiser, uma descrição para seu estilo.

3. Selecione Salvar. O estilo de mapa é salvo e publicado.

   

Observação: na primeira vez que você salva um estilo de mapa, ele é publicado automaticamente, por ser a primeira versão. Quando você o atualiza, pode salvar as mudanças como rascunho e publicar o estilo atualizado quando terminar.

Etapa 2: criar e conectar um ID de mapa

Um ID de mapa permite usar seu estilo em apps e sites. Se você fizer alterações no estilo do mapa associado a um ID do mapa, as mudanças aparecerão quando da publicação. Portanto, nenhuma atualização do app ou software é necessária.

Criar um ID do mapa

1. No console do Google Cloud, selecione Gerenciamento de mapas.

2. Na parte de cima, selecione Criar ID de mapa.

   

3. Adicione um nome para o ID do mapa e, se quiser, uma descrição.

4. Selecione o tipo de mapa para o ID com base em onde você quer usar o estilo.

   

   Observação: se você quiser usar seu estilo de mapa para diferentes tipos de apps e sites, crie um novo ID para cada tipo e conecte todos ao mesmo estilo.

5. Na parte de baixo da página, selecione Salvar. O ID do mapa é criado.

Conectar o ID do mapa ao estilo do mapa

1. Em Estilos de mapa, selecione Mudar estilo do modo claro para Modo claro.

   

2. Em Mudar estilo de luz, escolha qual estilo de mapa usar para o modo claro nos seus apps e selecione Concluído.

   

   Observação: para atribuir um estilo de mapa personalizado ao modo escuro, primeiro crie um novo estilo e selecione "Escuro" ou faça uma cópia. Se você não selecionar um estilo escuro ou não tiver criado nenhum estilo de mapa para o modo escuro, seu app vai usar o estilo de mapa escuro padrão do Google.

3. Escolha Salvar. O ID do mapa agora está associado aos estilos.

Etapa 3: adicionar o ID do mapa aos seus apps ou sites

Agora que você tem um ID do mapa associado com um estilo de mapa publicado, será possível adicioná-lo aos apps ou sites e testar se ele funciona como esperado.

Para mais informações sobre como adicionar um ID do mapa, confira Adicionar o ID do mapa ao seu mapa.

A seguir

Tente o seguinte:

• Atualizar um estilo. Para fazer mudanças no estilo de mapa e publicar, consulte Mudar um estilo.

• Entenda como seu estilo se aplica a diferentes tipos de mapa. Para mais informações, consulte Saiba mais sobre modos e tipos de mapa.

• Teste as atualizações de estilo de mapa. Se quiser testar as mudanças de estilo antes da publicação, consulte Testar atualizações de estilo de mapa.

• Crie estilos para níveis de zoom específicos. Por exemplo, é possível personalizar a aparência de elementos específicos do mapa quando você diminui o zoom em comparação com quando aumenta. Para mais informações, consulte Estilizar níveis de zoom.

• Usar a hierarquia de elementos do mapa para aplicar de forma eficiente os estilos desejados. Por exemplo, você pode estilizar o elemento de alto nível Naturais> Terreno, e todos os elementos de terreno abaixo dele no mapa vão herdar essa estilização. Depois disso, faça uma estilização personalizada apenas nos elementos secundários que quiser diferenciar. Para mais informações, consulte Entenda a hierarquia e a herança do estilo do mapa.