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

   

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

   

   Nota: El panel de diseño basado en el nivel de zoom muestra todos los mapas base predeterminados disponibles valores de color para sus respectivos keyzooms si el componente de mapa aún no tiene se personalizó.

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

   

7. Aplica diseño a este nivel de zoom y, si es necesario, define el diseño del nivel de zoom 0 y cualquier otro niveles de zoom predeterminados enumerados.

   

   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, Color del relleno es negro (el color actual diseño establecido para el elemento), del nivel de zoom 12 al 22, azul desde niveles de zoom del 0 (del mundo) al 9, y un azul más claro desde los niveles de zoom del 10 a 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 predeterminados del mapa base de un elemento

Si deseas reemplazar todos los valores de color predeterminados del mapa base de un mapa en todos los niveles de zoom, aplica el diseño primero en el panel de elementos. Cuando agregas keyzooms a ese elemento, estos usan el color que configuraste en lugar del valor de color del mapa base predeterminado.

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 desees quitar, selecciona el ícono con el signo 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 ese elemento del componente de mapa, sigue estos pasos: En el panel de elementos, selecciona el ícono de signo menos junto al nombre del elemento.