Em breve, a Plataforma Google Maps usará a nova estilização de mapas. Essa atualização inclui uma nova paleta de cores padrão e melhorias nas experiências de mapa e na usabilidade. Todos os estilos de mapa serão atualizados automaticamente em março de 2025. Para mais informações sobre a disponibilidade e como ativar logo, consulte Novo estilo de mapa para a Plataforma Google Maps.
Acesse a Plataforma Google Maps e selecione Estilos de mapa. Selecione ou crie um projeto, se necessário.
Escolha Criar estilo.
Selecione Ativar na parte de cima e mude para a versão de pré-lançamento da nova estilização baseada na nuvem.
Estilizar a malha rodoviária
Na parte de baixo da página, selecione Abrir no Editor de estilo.
Em Tipo de elemento, selecione Infraestrutura e, em seguida, Malha rodoviária.
No painel exibido à direita, em Polilinhas, depois em Cor de preenchimento, selecione a caixa de cores.
Escolha uma cor clara. Quando você muda a cor, a caixa Cor de preenchimento é marcada automaticamente.
Em Espessura do traço, arraste o controle deslizante para definir o peso do traço como 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
No canto superior direito, selecione Salvar.
Em Salvar e publicar estilo de mapa, insira um nome e, se quiser, uma descrição para seu estilo.
Selecione Salvar. O estilo de mapa é salvo e publicado.
Etapa 2: criar e conectar um ID de mapa
Um ID de mapa permite usar seu estilo em apps e sites. A mudança do estilo é aplicada quando você publica. Portanto, não é necessária nenhuma atualização de software ou app.
Criar um ID de mapa
Ainda na Plataforma Google Maps, selecione Gerenciamento de mapas.
Na parte de cima, selecione Criar ID de mapa.
Adicione um nome para o ID do mapa e uma descrição, se desejar.
Selecione o tipo de mapa para o ID com base em onde você quer usar o estilo.
Na parte de baixo da página, selecione Salvar. O ID do mapa é criado.
Conectar o ID do mapa ao estilo do mapa
Em Estilo de mapa associado, selecione o estilo criado acima.
Selecione Salvar. O ID do mapa é associado ao estilo.
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.
Atualizar um estilo. Faça mudanças no seu estilo de mapa e publique. Elas vão aparecer automaticamente nos seus apps e sites. Se você quiser testar suas alterações antes de iniciar, confira Testar atualizações de estilo de mapa.
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 terra 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.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2023-11-16 UTC."],[[["This tutorial explains how to create and apply custom map styles to highlight road networks using Google Cloud's map styling tools."],["You'll learn to create, publish, and connect a map ID to your custom style, enabling its use across various platforms like Android, iOS, JavaScript, and Web Service."],["The tutorial guides you through styling road networks by adjusting fill color and stroke width, impacting the visual representation of roads on your maps."],["Finally, you'll integrate the map ID into your applications and websites, ensuring your custom map style is reflected in your projects."]]],["This tutorial outlines how to create and implement a custom map style focused on highlighting the road network. Key actions include: 1) **Creating and publishing a map style** via the Google Cloud console, customizing the road network's color and stroke width. 2) **Creating and connecting a map ID** to the custom style, enabling the use of the style in apps and websites. 3) **Adding the map ID** to applications or websites, linking them to the unique style, and allowing to update the style.\n"]]