Cómo usar declaraciones de estilo JSON incorporadas

Seleccionar plataforma: Android iOS JavaScript

Puedes aplicar estilos personalizados mediante declaraciones de estilo JSON incorporadas a lo siguiente:

  • Mapa predeterminado
  • Tipos de mapas entre los que los usuarios pueden cambiar en un único marco de mapa

Cómo especificar estilos para los elementos

Para aplicar estilos a diferentes elementos y componentes de un mapa, crea un array de objetos MapTypeStyle que defina cómo se debe aplicar el estilo al mapa.

El array adopta la siguiente forma:

var stylesArray = [
  {
    featureType: '',
    elementType: '',
    stylers: [
      {color: ''},
      {visibility: ''},
      // Add any stylers you need.
    ]
  },
  {
    featureType: '',
    // Add the stylers you need.
  }
]

Para obtener una lista de todos los valores disponibles para featureType, elementType y stylers, consulta la referencia de estilo JSON.

Asistente de estilo de Maps Platform

Utiliza el Asistente de diseño de Maps Platform como una forma rápida de generar un objeto de estilo JSON.

Cómo aplicar estilos a un mapa predeterminado

A continuación, se muestra un ejemplo de un mapa predeterminado con un estilo de íconos y textos de colores claros sobre un fondo oscuro (es decir, modo oscuro). Para ver la muestra de código, consulta el artículo Mapas con estilos: muestra de código del Modo nocturno.

Para modificar los estilos del mapa predeterminado, configura la propiedad styles del mapa en el objeto MapOptions con tu array de estilo en las siguientes circunstancias:

  • Al crear tu mapa
  • O bien, cuando llames al método Map.setOptions

Los cambios en las etiquetas y las rutas afectan a todos los tipos de mapas, incluidos los de terreno, satélite, híbridos y el mapa de ruta predeterminado.

Cómo aplicar estilos a un tipo de mapa

A continuación, se muestra un tipo de mapa agregado denominado Mapa con estilo en el control que se encuentra en la esquina superior izquierda del mapa. Para ver la muestra de código, consulta el artículo Tipos de mapas con estilos.

Para crear un tipo de mapa con estilo, configura el array de estilos con un objeto StyledMapType. La creación de un nuevo tipo de mapa con estilo no afecta el estilo de los tipos de mapas predeterminados.