Personalización en la nube

Seleccionar plataforma: Android iOS JavaScript

Google Maps Platform ofrece funciones de diseño de mapas basado en Cloud que facilitan el estilado, la personalización y la administración de los mapas a través de Google Cloud Console, lo que te permite mejorar la experiencia general para los usuarios de tus mapas. Para facilitar la adopción y la administración de estas funciones, el estilo de mapas basado en la nube incorpora una serie de herramientas nuevas en Cloud Console:

  • Un editor de estilo que permite crear diferentes diseños fácilmente
  • Opciones para crear y administrar los ID de mapa que desees
  • Opciones para crear y administrar estilos de mapa personalizados
  • Herramientas para actualizar los estilos de forma dinámica

Cómo agregar un ID de mapa a tu app

Un ID de mapa es un identificador asociado con un estilo o un elemento específico del mapa. Configura un estilo de mapa y asócialo con un ID de mapa en Google Cloud Console. Luego, cuando hagas referencia a un ID de mapa en tu código, se mostrará el estilo de mapa asociado en tu app. Las actualizaciones de estilo posteriores que realices aparecerán en la app automáticamente, sin necesidad de que los clientes realicen actualizaciones.

Puedes agregar tu ID de mapa a través de un elemento <fragment> en el archivo de diseño de la actividad mediante la clase MapView o de manera programática con la clase GoogleMapOptions.

Por ejemplo, supongamos que creaste un ID de mapa que se almacena como un valor de string llamado map_id en res/values/strings.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="map_id">YOUR_MAP_ID</string>
</resources>

Para los mapas agregados a través de un elemento <fragment> en el archivo de diseño de la actividad, todos los fragmentos del mapa que deberían tener el estilo personalizado deben especificar el ID del mapa en el atributo map:mapId:

<fragment xmlns:map="http://schemas.android.com/apk/res-auto"
    class="com.google.android.gms.maps.SupportMapFragment"
    …
    map:mapId="@string/map_id" />

También puedes usar el atributo map:mapId de la clase MapView para especificar un ID de mapa:

<com.google.android.gms.maps.MapView
    xmlns:android="http://schemas.android.com/apk/res/android"
    ....
    map:mapId="@string/map_id" />

Para especificar un ID de mapa de manera programática, pásalo a una instancia de SupportMapFragment utilizando la clase GoogleMapOptions:

Java


GoogleMapOptions options = new GoogleMapOptions()
    .mapId("YOUR_MAP_ID");
SupportMapFragment mapFragment = SupportMapFragment.newInstance(options);

      

Kotlin


val options = GoogleMapOptions()
  .mapId("YOUR_MAP_ID")
val mapFragment = SupportMapFragment.newInstance(options)

      

Como alternativa, puedes pasarla a una instancia de MapView:

Java


GoogleMapOptions options = new GoogleMapOptions()
    .mapId("YOUR_MAP_ID");
MapView mapView = new MapView(context, options);

      

Kotlin


val options = GoogleMapOptions()
    .mapId("YOUR_MAP_ID")
val mapView = MapView(context, options)

      

En Android Studio, compila y ejecuta tu app como lo harías normalmente. Los estilos personalizados se aplicarán a todos los mapas con un ID.

Cómo usar el editor de estilo de mapas

El editor de estilo de mapas es una herramienta basada en la GUI disponible en Google Cloud Console.

Aprende a usar la herramienta de diseño de mapas basado en Cloud