Google Maps Platform ofrece funciones de diseño de mapas basado en Cloud que facilitan el diseño, la personalización y la administración de los mapas a través de la consola de Google Cloud, lo que te permite crear una experiencia de mapas personalizada para tus usuarios sin la necesidad de actualizar el código de tus apps cada vez que realices un cambio de estilo.
Los estilos creados antes del 15 de septiembre de 2020 no mostrarán los elementos naturales mejorados de Google Maps. Debes crear un estilo de mapa para poder utilizar dichos elementos compatibles.
El diseño de mapas basado en Cloud te permite crear y editar estilos de mapa para cualquiera de las apps que usan Google Maps, sin la necesidad de cambiar el código una vez que se haya implementado el ID de mapa. Todos los cambios de diseño se pueden realizar en la consola de Cloud sin necesidad de tener conocimientos de programación. Cambia la apariencia y el color de muchos elementos del mapa, como rutas, edificios, masas de agua, lugares de interés y rutas de transporte público.
Entre estas funciones, se incluyen las siguientes:
- Diseño de mapas basado en Cloud: En lugar de modificar el diseño de tus mapas mediante el código en formato JSON, puedes administrar y diseñar tus mapas dinámicos o estáticos en la consola de Cloud con los IDs y estilos de mapa.
- Filtros para los lugares de interés comerciales: Opcionalmente, se pueden quitar cinco categorías de este tipo de lugares para que no se muestren en el mapa.
- Control de densidad de los lugares de interés: Se puede ajustar la densidad de este tipo de lugares en el mapa base para que se muestren en mayor o menor medida de forma predeterminada.
El diseño de mapas basado en Cloud está disponible en SDK de Maps para Android1, SDK de Maps para iOS, JavaScript y API de Maps Static, no todas las funciones serán visibles en todas las plataformas.
Antes de comenzar
- Crea un ID de mapa.
Para usar el diseño de mapas basado en Cloud, el mapa se debe cargar con un ID de mapa. - Migra desde un diseño hard-coded.
Antes de agregar un ID de mapa para usar el diseño de mapas basado en Cloud en un mapa existente personalizado con ajustes de diseño hard-coded, como los parámetros de consulta JSON o de URL, te recomendamos que quites el diseño hard-coded para evitar un posible conflicto con cualquier funcionalidad futura. Puedes importar tu diseño de JSON en un diseño de mapa nuevo.- En Android, actualiza
MapStyleOptions. - En iOS, actualiza la clase
GMSMapStyle. - En JavaScript, quita el diseño
MapTypeStyle. - En Maps Static, quita el parámetro
style.
- En Android, actualiza
Facturación
El diseño de mapas basado en Cloud requiere un ID de mapa. En el caso del SDK de Maps para Android, el SDK de Maps para iOS y JavaScript, el uso de un ID de mapa genera un cargo en función del SKU de Dynamic Maps. En la API de Maps Static, el uso de un ID de mapa genera un cargo en función del SKU de Static Maps.
Ejemplos
Cómo ejecutar la app de ejemplo ApiDemos
Para ejecutar la app de ejemplo ApiDemos, consulta la muestra de GitHub de la app de ejemplo de GoogleMap y el proyecto CloudBasedMapStylingViewController (ejemplo de GitHub para Swift | Objective-C).
Demostración opcional de CocoaPod de Cloud o de GitHub
En lugar de comenzar desde cero, puedes probar nuestra aplicación de muestra Objective-C, en la que se muestra cómo modificar el diseño de un mapa para iOS desde la nube aquí.
Cómo compilar la app de demostración beta
En Xcode, presiona el botón de compilación y luego ejecuta el esquema actual.
La compilación genera un error y te solicita que ingreses tu clave de API en el archivo SDKDemoAPIKey.h.
Si aún no tienes una clave de API, sigue estas instrucciones para configurar un proyecto en Cloud Console y obtener una clave de API. Cuando configuras la clave en Cloud Console, puedes especificar el identificador de paquete de la app para asegurarte de que solo la app pueda usarla. El identificador predeterminado del paquete de la app de ejemplo del SDK es com.example.GoogleMapsDemos.
Edita el archivo SDKDemoAPIKey.h y pega tu clave de API en la definición de la constante kAPIKey:
```
static NSString *const kAPIKey = @"YOUR_API_KEY";
```
Si Xcode te solicita que desbloquees el archivo SDKDemoAPIKey.h para editarlo,
elige Desbloquear.
Quita la siguiente línea:
```
#error Register for API Key and insert here.
```
Compila y ejecuta el proyecto.
Demostración de diseño de mapas basado en Cloud
En la demostración de CloudStyling, se muestra cómo definir el diseño del mapa mediante un conjunto de estilos en Google Cloud Console.
Cuando se inicie la aplicación de demostración, haz clic en la demostración de personalización de mapas que aparece en la sección Muestras beta, en la parte superior de la lista.
Haz clic en Mapa de estilo para ver el efecto de cargar diferentes ID de mapa.
También puedes intentar agregar tu propio estilo ("Mapa de estilo" > "Agregar un ID de mapa nuevo") y ver la actualización del mapa con tu mapa con diseños personalizados.
-
El diseño de mapas basado en Cloud no está disponible en el modo lite de Android. ↩