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.

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.

Nota: Hay muy pocos componentes de mapa que se muestran en todos los niveles de zoom. Los diseños que definas solo se aplicarán en los niveles de zoom en los que se muestra el componente de mapa.

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. 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.

   

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

   

   Nota: El panel de diseño según el nivel de zoom muestra todos los valores de color del mapa base predeterminados disponibles para sus respectivos zooms de teclas si aún no se personalizó el componente del mapa.

6. Selecciona Agregar keyZoom (Add Keyzoom). El panel de diseño basado en el nivel de zoom agrega el nuevo keyzoom en el nivel de zoom seleccionado y muestra el valor predeterminado del mapa base correspondiente.

   

7. Aplica los ajustes de diseño en este nivel de zoom y, si es necesario, en el nivel 0 y en cualquier otro nivel de zoom predeterminado que se indique.

   

   Nota: Los ajustes de diseño basado en el nivel de zoom se aplican al nivel seleccionado y a los niveles superiores (más cercanos). Por lo tanto, en este caso, el Color del relleno (Fill color) es el negro (el diseño actual establecido para el elemento) en los niveles de zoom del 12 al 22, el azul en los niveles del 0 (el mundo) al 9 y un azul más claro en los niveles del 10 al 11.

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 reemplazar los valores de color del mapa base predeterminados de un elemento

Si deseas reemplazar todos los valores de color del mapa base predeterminados de un elemento de componente de mapa en todos los niveles de zoom, primero aplica un diseño al elemento en el panel de elementos. Cuando agregas zooms de teclas a ese elemento, el zoom de teclas usa el valor de color del elemento establecido en lugar del valor de color predeterminado del mapa base.

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.

   

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

   

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

Si deseas quitar todos los diseños personalizados de un elemento del componente de mapa, puedes hacer lo siguiente:

• En el panel de elementos, selecciona el ícono de signo menos junto al nombre del elemento.
• En el panel de Keyzoom, selecciona el ícono de restablecimiento junto al nombre del elemento.