Visualizar o novo mapa detalhado em dispositivos móveis

Com uma nova técnica de mapeamento de cores por satélite, conseguimos oferecer uma experiência mais detalhada e colorida no app Google Maps, no site e nos mapas baseados na nuvem da Plataforma Google Maps.

Em maio de 2022, todas as plataformas e versões do SDK receberão esse novo mapa básico por padrão, incluindo os mapas carregados usando os SDKs do Maps para Android e iOS. Para mais informações sobre o novo mapa detalhado, confira a postagem do blog.

Se você personaliza seu mapa com estilos baseados em JSON e quer testar com antecedência como eles serão exibidos com o novo mapa detalhado, use uma das opções abaixo.

Visualizar criando um estilo de mapa

Se você usa estilos baseados em JSON, recomendamos que migre para os mapas baseados na nuvem, convertendo a definição do estilo JSON em um estilo de mapa com a ferramenta de importação de estilo JSON.

Quando você cria um novo estilo de mapa no Console do Google Cloud, o Editor mostra seu estilo personalizado usando o novo mapa detalhado. O renderizador do mapa baseado na Web é o mesmo que será usado no futuro para renderizar o novo mapa detalhado em dispositivos móveis. Assim, você tem a certeza de que a aparência do estilo personalizado no Editor de estilo é bem parecida com o novo mapa detalhado em dispositivos móveis, que se tornará o padrão.

Visualizar em um formato para dispositivos móveis

Se você quiser visualizar o estilo personalizado em um formato para dispositivos móveis, use o Modo dispositivo no Chrome DevTools. Esse modo é o nome do conjunto flexível de recursos no Chrome DevTools que ajuda a simular dispositivos móveis, principalmente na janela de visualização para esses aparelhos.

Se quiser ver o estilo personalizado usando o Modo dispositivo, converta o estilo baseado em JSON em um estilo de mapa e faça o seguinte:

  1. Na página [Estilos de mapa] do Console do Google Cloud, abra a opção desejada no Editor de estilo e clique em "Personalizar estilo". O mapa será aberto no Editor com seu estilo personalizado.

    personalizar mapa

  2. Abra o Chrome DevTools selecionando "Visualizar" > "Desenvolvedor" > "Ferramentas para desenvolvedores". O Chrome DevTools será aberto no navegador Google Chrome.

    chrome_devtools

  3. Abra o mapa no modo de tela cheia clicando no ícone de tela cheia.

    ícone de tela cheia

  4. Clique no ícone do Modo dispositivo no Chrome DevTools. O mapa será exibido em um formato para dispositivos móveis. Você pode selecionar diferentes formatos no menu suspenso "Dimensões", na parte superior da janela do navegador.

    ícone do Modo dispositivo

Modo dispositivo