Colocar un mapa de Google Maps dentro de una página

Índice

¿Cómo se hace?

Insertar un mapa de Google Maps con una ubicación marcada es muy sencillo. Simplemente sigue estos pasos.

  1. Desde inDesign, crea un marco rectangular (Marco rectangular) con las dimensiones que quieras que tenga el mapa.
  2. A continuación, convierte el marco a botón desde el panel “Botones y formularios”.
    Convertir a botón
  3. Añade la acción ir a URL.
    Añadir acción
  4. Ahora debes averiguar la URL del mapa. Abre Google Maps y busca el lugar que desees.
  5. Copia la dirección de la página y pégala en inDesign.
    URL inDesign
  6. Finalmente añade la etiqueta Etiqueta embeddedBrowser al marco arrastrándola desde el panel etiquetas.
  7. Hecho!

Caso práctico

Añade un mapa de Google Maps con una ubicación marcada

En este caso practico podrás ver como incrustar un mapa dentro de una página. Ten en cuenta que para ver el mapa se necesita conexión a internet. Si el usuario no tiene conexión, el mapa no se mostrará y se verá lo que hayas colocado debajo. Puedes aprovecharlo para colocar un mensaje indicano que se requiere conexión a internet.

Caso práctico terminado Descargar
Preparado para practicar Descargar

Después de descargar un fichero, descomprímelo y verás que en su interior ya está todo preparado. Si abres la carpeta del proyecto podrás comprobar que incluye la carpeta «Libraries» y en su interior encontrarás todo lo necesario para diseñar la publicación.

Pruébalo en tu dispositivo

También puedes ver el resultado en «480i Viewer iPad/Android» instalando el caso práctico a través de su id. Si nunca has añadido una aplicación por id y quieres saber cómo se hace, échale un vistazo a este minitutorial.

ID de instalación maps
Ir al Foro