Ejemplos de estilos de nivel de zoom

Seleccionar plataforma: Android iOS: JavaScript Servicio web

Estos son algunos ejemplos de estilos de elementos complejos en diferentes niveles de zoom. Algunos tipos de estilo de elemento solo se pueden ver en ciertos niveles de zoom, como edificios 3D o lugares de interés.

Caminos amarillos con contornos verdes

Personaliza todas las rutas para que tengan un relleno amarillo pálido y un contorno verde oscuro como estilo base. Captura de pantalla de un mapa con estilo personalizado que muestra varias rutas. Las rutas son de color amarillo pálido con un contorno verde.

  1. En el panel Features, selecciona la función Roads. Se abrirá el panel Element Type.
  2. En el panel Element Type, en Geometry, selecciona el tipo de elemento Fill. Se abrirá el panel Stylers.
  3. En el panel Stylers, selecciona un color amarillo claro (como el código hexadecimal #eeeec8).
  4. En el panel Element Type, en Geometry, selecciona el tipo de elemento Stroke.
  5. En el panel Stylers, selecciona un color verde oscuro (como el código hexadecimal 155304).
  6. En el panel Stylers, establece el valor de Stroke Width en 3.

Cuando acercas o alejas el mapa, las diferentes rutas muestran este estilo a medida que aparecen y desaparecen. Cuando las rutas se vuelven demasiado pequeñas para mostrar el contorno, solo muestran el color amarillo más claro.

Apariencia de los edificios

Cómo mostrar todos los edificios en color rojo oscuro medio.

Los contornos de los edificios individuales son visibles a partir del nivel de zoom 17. No todos los edificios tienen opciones de visualización en 3D.

  1. En el panel Features, selecciona la función Buildings. Se abrirá el panel Element Type.
  2. En el panel Tipo de elemento, selecciona el diseño de edificio Footprints.
    Si deseas ver edificios 3D en el estilo de tu mapa, selecciona 3D y detente aquí. Si se agrega color a los edificios, se anula cualquier visualización 3D.
  3. En el panel Element Type, selecciona All. Se abrirá el panel Stylers.
  4. En el panel Stylers, selecciona un color rojo oscuro medio (como el código hexadecimal c23a00). Todos los edificios del mapa se mostrarán de color rojo.
Dos capturas de pantalla de un mapa con estilo personalizado, en el nivel 19 de acercamiento. A la izquierda, los edificios tienen una apariencia tridimensional, con sombras leves en algunos lados. A la derecha, los edificios son de color rojo oscuro y no tienen dimensiones ni sombras.

Diferentes colores de agua

Agrega un diseño para que el agua se vea azul oscuro cuando se aleje el mapa al nivel máximo (z0), azul medio cuando se acerque al nivel de un estado o provincia (nivel de acercamiento 6 en una laptop) y azul pálido con un borde de color azul oscuro cuando se acerque justo sobre el nivel mínimo (z19). Dos capturas de pantalla de un mapa con estilo personalizado. En el lado izquierdo, se muestra una porción de tierra rodeada de agua, de color azul oscuro medio. En el lado derecho, se muestra la misma área en el mapa, con zoom de un nivel. El agua es de un color azul un poco más claro que el mapa de la izquierda.

  1. En el panel Features, selecciona el elemento Water. Se abrirá el panel Element Type.
  2. Configura el color de agua más oscuro con el zoom máximo.
    1. En el panel Element Type, selecciona Geometry. Se abrirá el panel Stylers.
    2. En el panel Stylers, selecciona un color azul oscuro.
    3. Marca Customize across zooms y marca la casilla Add Stop: para el nivel z0.
  3. Cambia el color del agua a azul medio a partir del nivel de zoom 6.
    1. En el panel Stylers, mueve el control deslizante del nivel de zoom hacia la derecha hasta el nivel z6.
    2. Marca la casilla Add stop: para el nivel z6.
    3. Selecciona un color azul medio.
  4. Cambia el color del agua al azul claro con un contorno azul oscuro de 2 puntos de ancho en el nivel de zoom 19.
    1. En el panel Stylers, mueve el control deslizante del nivel de zoom hacia la derecha hasta el nivel z19.
    2. En el panel Element Type, en Geometry, selecciona Fill.
    3. En el panel Stylers, selecciona Customize across zooms y marca la casilla Add Stop: para el nivel z19.
    4. Selecciona un color celeste.
    5. En el panel Element Type, en Geometry, selecciona Stroke.
    6. Selecciona Customize across zooms y marca la casilla Add Stop: para el nivel z19.
    7. Selecciona un color azul oscuro.
    8. En el panel Stylers, mueve el control deslizante hacia la derecha para establecer Stroke Width en 2.

En arroyos y riachuelos y en muchos ríos más pequeños, solo el color del cuerpo es visible, incluso cuando se acerca al máximo. La diferencia entre los trazos y el relleno es visible en estanques grandes, lagos y masas más grandes de agua.