Vista previa del nuevo mapa detallado en dispositivos móviles

Gracias a una nueva técnica de asignación satelital de colores para los mapas, podemos ofrecer la experiencia más detallada y colorida que se muestra en los mapas con estilo basado en la nube en la app de Google Maps, el sitio web y Google Maps Platform.

En mayo de 2022, todas las versiones de las plataformas y los SDK recibirán este nuevo mapa base de forma predeterminada, incluidos los mapas que se cargan mediante los SDK de Maps para iOS y Android. Para obtener más información sobre el nuevo mapa detallado, consulta nuestra entrada de blog.

Si actualmente personalizas tu mapa usando el estilo basado en JSON y deseas probar con anticipación cómo se verán esos estilos con el nuevo mapa detallado, puedes usar una de las opciones que se detallan a continuación.

Vista previa mediante la creación de un estilo de mapa

Si ya eres usuario de un estilo basado en JSON, te recomendamos migrar al estilo de mapas basado en la nube. Para ello, convierte la definición de estilo JSON a un estilo de mapa con la herramienta de importación de estilo JSON.

Cuando creas un nuevo estilo de mapa en Google Cloud Console, el editor de estilo mostrará tu estilo personalizado con el nuevo mapa detallado. El procesador del mapa basado en la Web es el mismo que se usará en el futuro para renderizar el nuevo mapa detallado en los dispositivos móviles. Así, puedes confiar en que el aspecto de tu diseño personalizado en el editor de estilo es muy similar al que tendrá el nuevo mapa detallado cuando se muestre como predeterminado en los dispositivos móviles.

Vista previa en un factor de forma para dispositivos móviles

Si deseas obtener una vista previa de cómo se verá tu estilo personalizado en un factor de forma para dispositivos móviles, puedes hacerlo mediante Modo de dispositivo en las Herramientas para desarrolladores de Chrome. Modo de dispositivo es el nombre de una colección de distintas funciones en las Herramientas para desarrolladores de Chrome que te ayudan a simular dispositivos móviles, especialmente dentro del viewport para este tipo de pantallas.

Para ver tu estilo personalizado con el Modo de dispositivo, convierte el estilo basado en JSON en un estilo de mapa y haz lo siguiente:

  1. En la página [Estilos de mapa] de Google Cloud Console, abre el mapa en el Editor de estilos y haz clic en "Personalizar estilo" (Customize Style). El mapa se abrirá en el Editor de estilos con tu estilo personalizado.

    personalizar mapa

  2. Abre Herramientas para desarrolladores de Chrome. Para ello, selecciona "Ver" > "Desarrollador" > "Herramientas para desarrolladores". Las Herramientas para desarrolladores de Chrome se abrirán en el navegador Google Chrome.

    chrome_devtools

  3. Haz clic en el ícono de pantalla completa. Los mapas se abrirán en modo de pantalla completa.

    ícono de pantalla completa

  4. Haz clic en el ícono Modo de dispositivo en las Herramientas para desarrolladores de Chrome. El mapa se mostrará en un factor de forma para dispositivos móviles. Puedes seleccionar diferentes factores de forma para dispositivos móviles en el menú desplegable "Dimensiones" que se encuentra en la parte superior de la ventana del navegador.

    ícono del modo de dispositivo

modo de dispositivo