Crea y usa diseños de mapa

Selecciona la plataforma: Android iOS JavaScript Servicio web

Un diseño de mapa es un conjunto de personalizaciones visuales sobre los componentes de mapa que asocias a un ID de mapa. Luego, debes hacer referencia al ID de mapa en el código de la aplicación para mostrar el mapa personalizado.

Puedes crear un diseño de mapa antes de tener un ID de mapa, pero, para utilizarlo, debes asociarlo con un ID de mapa. Para usar un diseño de mapa, debes seguir todos los pasos que se indican a continuación:

1. Crea y publica un diseño de mapa. Para obtener más detalles, consulta Cómo crear un diseño y Cómo publicar un diseño.

2. Crea un ID de mapa. Para obtener más detalles, consulta Cómo crear un ID de mapa.

3. Asocia el diseño de mapa a un ID de mapa. Para obtener más detalles, consulta Cómo asociar un ID de mapa a un diseño de mapa.

4. Agrega el ID de mapa a tu app para mostrar tu diseño. Para obtener más detalles, consulta Agrega el ID de mapa a tu app.

Nota: Una vez que el ID de mapa se encuentre incluido en el código de la aplicación, podrás cambiar el diseño del mapa sin implementar cambios en el código, y los usuarios finales no necesitarán realizar actualizaciones para ver el nuevo diseño. En cambio, puedes editar el diseño de mapa asociado con el ID de mapa, y los cambios aparecerán en los mapas de tus aplicaciones.

Cómo crear un diseño de mapa

Puedes crear un diseño de mapa con uno de estos métodos:

• Crea un diseño nuevo usando el diseño de mapa de Google predeterminado.

• Duplica y modifica un diseño estándar o personalizado existente.

Cómo crear un diseño nuevo

1. En la consola de Google Cloud, ve a Diseños de mapa y selecciona un proyecto, si es necesario.

2. En Diseños de mapa, selecciona Crear diseño.

3. En la parte inferior, selecciona Abrir en el Editor de diseños.

4. Selecciona los componentes de mapa que desees y cambia su diseño según tus necesidades. Los componentes de mapa con diseños personalizados tienen un punto azul a su lado.

   Nota: No todos los diseños se muestran en todos los niveles de zoom.

5. Selecciona Guardar.

6. En el cuadro Guardar y publicar el diseño de mapa, ingresa el nombre de tu diseño y, opcionalmente, una descripción, y selecciona Guardar.

El diseño se publicará automáticamente, y podrás ver la página principal de tu nuevo diseño.

Precaución: Si realizas cambios en el diseño, pero no los guardas de forma explícita, se generarán Cambios sin guardar en el historial de versiones de tu diseño de mapa. Esas versiones se perderán si cierras la pestaña del navegador o si finaliza tu sesión en la consola de Cloud.

Cómo duplicar un diseño

1. Ve a Diseños de mapa y selecciona un proyecto, si es necesario.

2. Selecciona uno de tus diseños existentes.

3. En la página del diseño, selecciona Duplicar.

4. En el cuadro Duplicar diseño de mapa, ingresa el nuevo nombre del mapa y, opcionalmente, una descripción.

5. Selecciona Guardar.

   El diseño se publicará automáticamente, y podrás ver la página principal de tu nuevo diseño. Asocia el diseño a un ID de mapa para poder usarlo en tus mapas. Para obtener más detalles, consulta Cómo asociar un ID de mapa a un diseño de mapa.

6. Si deseas modificar el diseño, selecciona Personalizar diseño, aplica los cambios que desees y selecciona Guardar.

Cómo publicar un diseño

Cuando creas un diseño de mapa nuevo, lo que incluye duplicar un diseño existente, o bien importar un diseño JSON, esa primera instancia del diseño de mapa nuevo se publica automáticamente. Luego, podrás guardar los cambios como borrador y publicar el diseño posteriormente, cuando te sientas a gusto con los cambios.

1. Aplica cambios al diseño de mapa (original o duplicado) que desees publicar. Para obtener más detalles, consulta Cómo cambiar un diseño.

2. Mientras estés realizando cambios, selecciona Guardar.

3. Cuando los cambios estén listos y desees publicarlos en un ID de mapa que use ese diseño de mapa, selecciona Guardar y, luego, Publicar.

Diseños de mapa publicados y borradores

Diseño publicado: Es un diseño de mapa publicado. Cualquier mapa que use este diseño mostrará la versión publicada.

Nota: Los cambios de diseño pueden demorar algunas horas para propagarse en tus apps y sitios web, y las apps pueden demorar más tiempo si los dispositivos no están conectados a Internet. Si no ves los cambios de diseño después de algunas horas, consulta Mis cambios de diseño no se están actualizando.

Borrador: Las versiones de borrador de los diseños de mapa se encuentran en proceso y no se muestran en los mapas si no las publicas.

Cómo cambiar un diseño

Si quieres realizar cambios en tu diseño de mapa, puedes hacerlo desde el Editor de diseños. Cuando actualizas un diseño, tienes varias opciones:

• Si quieres que los cambios se publiquen no bien terminas de realizarlos: Selecciona Personalizar diseño y aplica los cambios. Selecciona Guardar para guardar los cambios como borrador y, luego, selecciona Publicar cuando termines.

• Si quieres probar los cambios en un entorno de pruebas antes de publicarlos: En vez de aplicar los cambios directamente en el diseño de mapa, primero duplica el primer diseño. Para obtener más detalles, consulta Cómo duplicar un diseño y Prueba las actualizaciones de diseño de mapa.

Una vez que hayas creado un diseño de mapa, puedes aplicarle cambios desde la página principal del diseño de las siguientes maneras:

• Editar: Selecciona Personalizar diseño.

• Duplicar: Para obtener más detalles, consulta Cómo duplicar un diseño.

• Cambiar nombre: Cambia el nombre de tu diseño de mapa.

• Borrar: Borra el diseño de mapa.

• Agregar los IDs de mapa: Asocia IDs de mapa al diseño.

  Precaución: Asegúrate de que los IDs de mapa que agregues no tengan un diseño de mapa asignado, a menos que tu intención sea reemplazarlo. Si agregas un ID de mapa a una página de diseño de mapa, se reemplazará el diseño de mapa asociado con el ID de mapa sin aviso previo.

Cómo asociar o quitar los IDs de mapa en tu diseño

Puedes asociar diseños con distintos IDs de mapa, ya que el mismo diseño puede utilizarse en varias apps de Google Maps. Sin embargo, solo puedes asociar cada ID de mapa a un diseño.

1. Ve a Diseños de mapa y selecciona un diseño.

2. Selecciona Agregar los IDs de mapa o Editar los IDs de mapa.

3. En Editar los IDs de mapa, marca la casilla junto a los IDs de mapa para asociarlos con el diseño. Si deseas quitar un ID de mapa, quita la marca de la casilla para eliminar la asociación.

   Precaución: Si seleccionas un ID de mapa que ya tiene un diseño asociado, esta selección reemplazará la anterior.

4. Selecciona Guardar.

Para usar tu diseño de mapas basado en Cloud, agrega el ID de mapa a tu app.

Cómo navegar por el mapa de vista previa

Puedes navegar por el mapa de vista previa de la misma manera que navegas por cualquier mapa de Google:

• Ingresa una dirección o ubicación en el cuadro Buscar dirección.

• Haz clic en la brújula para centrar el mapa en esa ubicación. También es posible que tengas que otorgar permisos de ubicación.

• Arrastra el mapa para cambiar de lugar.

• Acerca o aleja el mapa con los botones de signo más (+) y signo menos (−).

Cómo buscar componentes de mapa

Para buscar un componente de mapa al que desees aplicar ajustes de diseño, en Componentes del mapa, ingresa un término en el cuadro Filtro.

También puedes expandir y contraer las categorías de componentes de mapa para buscar el componente que deseas.

Si no logras encontrar un componente de mapa, ten en cuenta lo siguiente:

• No uses términos en plural. Todas las categorías se presentan en singular.

• Prueba con un término más genérico para el componente. Por ejemplo, en vez de "pizzería" o "comida rápida", busca "restaurante".

• Prueba con una categoría más amplia y, luego, explórala para hallar el componente de mapa más próximo. Por ejemplo, en vez de "teatro", busca "entretenimiento".

• Consulta la lista de componentes de mapa en ¿Qué elementos de diseño puedes personalizar en un mapa?