Trabaja con niveles de zoom

Seleccionar plataforma: Android iOS JavaScript Servicio web

Agrega estilos de elemento con diferentes niveles de zoom cuando crees estilos de mapa con el editor de estilo de la consola de Google Cloud. Por ejemplo, puedes personalizar el color del agua para que vaya de rosa, con el nivel de zoom 0, a púrpura, con el nivel de zoom 10, y asociar otras personalizaciones con el nivel de detalle que el zoom especificado te permita ver.

Cuando personalizas un elemento determinado, el editor de estilo anula los estilos heredados. Para agregar diferentes personalizaciones con distintos niveles de zoom, consulta el ícono de la casilla de verificación Customize across zooms en el panel Stylers y, luego, verifica la casilla Add stop: z. Se muestra un punto azul sobre el control deslizante, que indica un nivel de zoom con personalizaciones.

Captura de pantalla de los tres paneles de editor de elementos en el editor de estilo de mapa. Está seleccionado el tipo de componente de autopista (Highway), al igual que el tipo de elemento de trazo (Stroke). Está marcada la casilla Customize across zooms y el control deslizante de zoom muestra dos puntos azules, que indican dos niveles de zoom personalizados.

Todas las personalizaciones que realices con un nivel de zoom determinado se aplicarán a ese nivel de zoom y a niveles superiores. Por ejemplo, las personalizaciones que se realicen con el nivel de zoom 10 se aplicarán a los niveles de zoom 10, 11, 12, etcétera. Las personalizaciones anulan cualquier estilo heredado.

Para quitar cambios de un nivel de zoom en particular, desmarca la casilla de verificación Add stop: z (el punto azul se volverá gris). Después de desmarcar la casilla de verificación, el nivel de zoom vuelve a su estilo heredado.

Para personalizar el estilo con diferentes niveles de zoom, sigue estos pasos:

  1. Para abrir el editor de estilo, ve a la página Estilos de mapa en la consola de Cloud y crea un estilo de mapa o actualiza uno existente.
  2. Selecciona un elemento para abrir el submenú Tipo de elemento y elige el elemento que desees personalizar.
  3. Marca la casilla de verificación Customize across zooms para que las personalizaciones con el nivel de zoom actual aparezcan en el Editor de estilo. Una vez que marques la casilla de verificación Customize across zooms, deberías ver lo siguiente:
    • Una casilla de verificación Add stop: z, la cual indica tu nivel de zoom actual y aplica las personalizaciones al nivel de zoom indicado.
    • Una barra deslizante de zoom para modificar y seleccionar el nivel de zoom deseado,
  4. Para guardar los cambios, selecciona Guardar. Para que tus cambios sean públicos en los IDs de mapa asociados con el estilo en cuestión, selecciona Publicar.