Cómo personalizar la combinación de colores en Google Maps

Escrito por veronica summers | Traducido por cp mérida
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo personalizar la combinación de colores en Google Maps
El asistente de Styled Maps genera automáticamente el código con un solo clic. (Hemera Technologies/AbleStock.com/Getty Images)

Haz que Google Maps combine el esquema de colores de tu sitio web utilizando la API de Google Maps versión 3.0 del asistente de instalación Styled Maps. Usando el asistente para Styled Maps se puede cambiar el color de todos los elementos del mapa, incluyendo etiquetas, carreteras, parques, vías fluviales y atracciones turísticas. El asistente de Styled Maps genera automáticamente el código con un solo clic. Para cada característica, se puede definir con precisión el tono de tu mapa de Google, similar al valor hexadecimal de color HTML, la saturación, es decir la intensidad del color, y el contraste, es decir el porcentaje relativo de blanco y negro.

Nivel de dificultad:
Moderadamente difícil

Otras personas están leyendo

Instrucciones

  1. 1

    Accede al asistente de Styled Maps de Google en gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html.

  2. 2

    Ingresa tu ubicación del mapa en el campo de ubicación en la esquina superior derecha de la pantalla y presiona "Intro". Google Maps muestra un mapa de tu ubicación con el esquema de color por defecto de Google.

  3. 3

    Selecciona una función del cuadro de Tipo de Características en la ventana de Selectores en el lado izquierdo de la pantalla. Por ejemplo, para cambiar el color de todas las carreteras locales desde el color amarillo predeterminado hasta el azul, en el cuadro de Tipo de Características, selecciona "Carretera" y "Local".

  4. 4

    Cambia el color de la característica al hacer clic en la casilla de verificación Matiz e ingresa un valor hexadecimal de color HTML, o haz clic en el color del cuadro de color del arcoíris. Continúa con el ejemplo, haz clic en el color azul para cambiar las carreteras de amarillo a azul.

  5. 5

    Define los valores de color adicionales, si es necesario, mediante el ajuste de la Saturación, Luminosidad, Valor de gamma y Visibilidad de la característica en el mapa.

    Google muestra el código de Map Style para el cambio de color en la ventana de Map Style a la derecha.

  6. 6

    Haz clic en el botón "Agregar" para guardar la nueva combinación de colores y continuar cambiando el color de las características del mapa.

  7. 7

    Repite los pasos del tres al seis para cambiar los colores de otros elementos del mapa.

  8. 8

    Haz clic en "mostrar JSON" situado en la parte inferior de la ventana de Map Style para ver el código de Google Maps auto-generado para el objeto JSON.

  9. 9

    Abre el archivo HTML con el código del mapa y copia el objeto JSON en la propiedad Style.

Consejos y advertencias

  • Si tienes problemas para usar el asistente de Maps Style, ejecútalo desde el navegador de Google Chrome. También puedes codificar manualmente los estilos de mapas para cada característica. Consulta la documentación del API de Google Maps v3 para más información.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles