Instructivo: Cómo destacar una red de rutas

Selecciona la plataforma: Android iOS JavaScript Servicio web

En este instructivo, se indican los pasos necesarios para crear y utilizar un diseño de mapa que destaque la red de rutas:

1. Crea y publica un diseño de mapa para que esté disponible para usarse.

2. Crea y conecta un ID de mapa que te permita utilizar tu diseño en tus apps y sitios web.

3. Agrega el ID de mapa a tus apps y sitios web para que tus apps utilicen tu diseño de mapa.

Paso 1: Crea y publica un diseño de mapa

Abre la función de diseño de mapas basado en Cloud

1. Ve a Google Maps Platform y selecciona Diseños de mapa. Selecciona o crea un proyecto si es necesario.

2. Selecciona Crear diseño.

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

Aplica diseño a una red de rutas

1. En Componentes de mapa, selecciona Infraestructura y, luego, Red de rutas.

2. En el panel que aparece a la derecha, debajo de Polilínea, ve a Color del relleno y selecciona la casilla de color.

3. Elige un color brillante. Si cambias el color, la casilla Color del relleno se marcará automáticamente.

   Nota: Si aparece un punto sólido junto al componente de mapa, significa que este cuenta con un diseño personalizado.

4. En Ancho de trazo, establece el ancho del trazo en 5 px.

5. En el mapa, acércate y aléjate para ver el efecto de tus cambios. Dado que seleccionaste un componente de mapa con una jerarquía relativamente alta, todos los tipos de rutas inferiores heredarán los cambios.

   

Guarda y publica tu diseño de mapa

1. En la esquina superior derecha, selecciona Guardar.

2. En Guardar y publicar el diseño de mapa (Save and publish map style), ingresa un nombre y, opcionalmente, una descripción para tu diseño de mapa.

3. Selecciona Guardar. El mapa se guardará y se publicará.

   

Nota: La primera vez que guardes un diseño de mapa, este se publicará automáticamente, ya que será la primera versión. Cuando más adelante actualices el diseño de mapa, podrás guardar los cambios como borradores sobre la marcha y publicarlos cuando finalices para que se muestre el diseño actualizado.

Paso 2: Crea y conecta un ID de mapa

Un ID de mapa te permite utilizar tu diseño de mapa en apps y sitios web. Si modificas el diseño de mapa asociado a un ID de mapa, los cambios de diseño se mostrarán cuando publiques el mapa, de modo que no necesitas ningún software ni actualización de la app.

Crea un ID de mapa

1. En Google Maps Platform, selecciona Administración de mapas.

2. En la parte superior, selecciona Crear ID de mapa.

   

3. Agrega un nombre para tu ID de mapa y, opcionalmente, una descripción.

4. Selecciona el tipo de mapa del ID de mapa según dónde deseas utilizarlo.

   

   Nota: Si deseas utilizar tu diseño de mapa en distintos tipos de aplicaciones o sitios web, crea un nuevo ID de mapa para cada tipo y conéctalo al mismo diseño de mapa.

5. En la parte inferior de la página, selecciona Guardar. Tu ID de mapa estará listo.

Asocia el ID de mapa a tu diseño de mapa

1. En Diseño de mapa asociado, selecciona el diseño de mapa que creaste anteriormente.

   

   Nota: Si se muestra un punto azul relleno, significa que el componente de mapa correspondiente ahora cuenta con un diseño personalizado.

2. Selecciona Guardar. Ahora tu ID de mapa se encuentra asociado a tu diseño de mapa.

Paso 3: Agrega el ID de mapa a tus apps y sitios web

Ahora que ya tienes un ID de mapa asociado a un diseño de mapa publicado, puedes agregarlo a tus apps o sitios web y probarlo para asegurarte de que funcione correctamente.

Para obtener más información sobre cómo agregar un ID de mapa, consulta Cómo agregar el ID de mapa a tu mapa.

¿Cuáles son los siguientes pasos?

A continuación, puedes probar lo siguiente:

• Actualiza un diseño. Aplica cambios a tu diseño de mapa y publícalo. Observa cómo los cambios se muestran automáticamente en tus apps y sitios web. Si deseas probar los cambios antes de publicarlos, consulta Prueba las actualizaciones de diseño de mapa.

• Usa la jerarquía de los componentes del mapa para establecer de manera eficiente los diseños que desees. Por ejemplo, puedes aplicar diseño al componente de mapa superior Natural > Tierra, y todos los componentes de esta categoría lo heredarán. Luego, puedes aplicar diseño personalizado solo en los componentes de mapa secundarios que deseas que sean diferentes.