Omet navegació

3. Inserir mapes de Google Maps

Un dels recursos que aporten un punt més a les presentacions és inserir mapes de Google Maps per marcar alguna ubicació. En aquest punt explicam com es fa per inserir un mapa que es veurà dins una finestra d’una pàgina. Per fer-ho usarem els elements interactius i en el tauler d’interactivitat aferrarem la URL del mapa que prèviament hem seleccionat i volem visualitzar. Amb un poc més de detall es faria de la següent manera:

  • Abans de res seleccionam el mapa de Google Maps que volem visualitzar. Anam a http://maps.google.com. Per exemple, localitzam al mapa «Deià Mallorca»:

    Google maps: Deià. Mallorca

    • I quan visualitzem per la pantalla el mapa desitjat, pitjam el botó botó "Compartir".
    • A la finestra que s’obrirà, a la pestanya «Insertar un mapa» clicam sobre «COPIAR HTML».

      pestanya «Insertar un mapa»

    • Ara ja tenim copiat el codi HTML del mapa que inserirem a Genially:

      codi html
  • Una vegada situats a Genially, des de l’opció «Elementos interactivos» del tauler d’edició inserim qualsevol botó, per exemple botó d'exemple.
  • Editam la interactivitat del botó i al tauler d’interactivitat:
    • (1) Seleccionam «Ventana»
    • (2) Seleccionam la vista de codi vista de codi.
    • (3) Copiam la URL del mapa que hem creat prèviament.

      tauler d’interactivitat:

    • Una vegada copiada la URL, desactivam la vista de codi vista de codi, cosa que fa que ens mostri el nostre mapa:

      ens mostra el nostre mapa

En visualitzar la presentació, el resultat és aquest quan clicam sobre el botó:

resultat

image27