Cómo aplicar ajustes de diseño a los niveles de zoom

Selecciona la plataforma: Android iOS JavaScript Servicio web

Disponibilidad: Esta función se puede ver en Android, iOS, JavaScript y Maps Static.

Adapta mejor tu mapa a las necesidades de tus usuarios destacando los componentes en el nivel de zoom con el que se ve el mapa. Por ejemplo, puedes destacar lugares de interés o rutas cuando los usuarios acerquen el mapa a una ubicación de interés en particular.

Puedes aplicar ajustes de diseño a los elementos de un componente de mapa para que tengan la misma apariencia en todos los niveles de zoom del mapa, o bien puedes crear distintos diseños para los distintos niveles.

No todos los componentes admiten la personalización en los distintos niveles de zoom. Los elementos de los componentes de mapa a los que puedes aplicar ajustes de diseño basado en el nivel de zoom tienen un ícono de diamante a la derecha.

El ícono de diamante indica que el diseño basado en el nivel de zoom está disponible

Información acerca del diseño basado en el nivel de zoom

Los niveles de zoom van del 0 (el más alejado), que muestra el mundo, al 22 (el más cercano), que muestra una pequeña parte detallada del mapa. El keyZoom es el nivel de zoom en el que deseas iniciar un diseño nuevo.

Cuando aplicas ajustes de diseño a componentes de mapa en diferentes niveles de zoom, ese diseño se aplica a todos los niveles más altos (más cercanos) hasta alcanzar otro nivel con diseño. El nivel de zoom 0 siempre se agrega con el diseño actual.

Por ejemplo, si estableces diseños en los niveles de zoom 5 y 10, ocurrirá lo siguiente:

  • El diseño correspondiente al nivel de zoom 5 se aplicará a los niveles del 5 al 9.
  • El diseño correspondiente al nivel de zoom 10 se aplicará a los niveles del 10 al 22.
  • Los niveles de zoom del 0 al 4 conservarán el diseño actual.

Cuando personalizas el diseño de un componente de mapa según el nivel de zoom, se anulan todos los diseños personalizados del componente de mapa general.

Cómo personalizar los diferentes niveles de zoom

  1. En la consola de Cloud, ve a Diseños de mapa y selecciona un proyecto, si es necesario.

  2. Crea o abre un diseño de mapa y selecciona Personalizar en el Editor de diseños. Para obtener más información, consulta Cómo crear un diseño de mapa.

  3. En el panel Componentes del mapa, selecciona el que desees personalizar. Se abrirá un panel con los elementos que puedes personalizar.

  4. Junto al elemento al que deseas aplicar ajustes de diseño basado en el nivel de zoom, selecciona el diamante de zoom de la derecha para abrir el panel de diseño correspondiente.

    El ícono de diamante indica que el diseño basado en el nivel de zoom está disponible

  5. Junto a Zoom actual (Current zoom), selecciona el nivel de zoom que deseas personalizar. La vista previa del mapa se ajustará a ese nivel de zoom.

    Nivel de zoom actual

  6. Selecciona Agregar keyZoom (Add Keyzoom).

  7. El panel de diseño basado en el nivel de zoom cambia para mostrar el nivel 0 con el diseño actual (en este caso, negro) y agrega una línea para el nivel seleccionado. Aplica los ajustes de diseño en este nivel de zoom y, si es necesario, en el nivel 0.

    Establecer un nuevo diseño basado en el nivel de zoom

  8. Si deseas establecer otro nivel de zoom, cambia el Zoom actual (Current zoom) y vuelve a seleccionar Agregar KeyZoom (Add Keyzoom) para incluir otro nivel en la lista. Sigue agregando y configurando diseños basados en el nivel de zoom hasta que termines.

  9. Una vez que tengas todo listo, cierra el panel de diseño basado en el nivel de zoom.

Cómo guardar y publicar un diseño basado en el nivel de zoom

  1. Para guardar los cambios de tu diseño de mapa, selecciona Guardar.

  2. Si deseas publicar los cambios para los IDs de mapa asociados con el diseño en cuestión, selecciona Publicar.

Cómo quitar un diseño basado en el nivel de zoom

  1. En el panel Componentes del mapa, selecciona el que desees personalizar.

  2. Junto al elemento del que deseas quitar el diseño basado en el nivel de zoom, selecciona el pequeño diamante de zoom que se encuentra a la derecha. Los elementos con diseños basados en el nivel de zoom tienen un diamante azul relleno.

    El ícono de zoom relleno indica que se estableció un diseño basado en el nivel de zoom

  3. Junto al nivel de zoom que deseas quitar, selecciona el ícono de papelera para borrarlo.

    Para borrar un diseño basado en el nivel de zoom, selecciona el ícono de papelera

  4. Selecciona la X para cerrar el panel de diseño basado en el nivel de zoom.

Cómo quitar todos los diseños basados en el nivel de zoom

  1. En el panel de elementos del componente de mapa, abre el panel de diseño basado en el nivel de zoom.

  2. Selecciona el ícono de papelera junto a cada nivel de zoom hasta quitar todos los diseños.

Si deseas quitar todos los diseños personalizados de ese elemento del componente de mapa, selecciona el ícono de signo menos junto al nombre del elemento en el panel de elementos.