Ir al contenido principal

Edición Web con el Gestor Web Institucional de la UCM

Guía de apoyo a la edición Web

Mapas

El widget "Mapas" permite insertar en nuestras páginas mapas de Google Maps.

El procedimiento para insertar mapas es el siguiente:

  1. Para insertar un mapa arrastramos y soltamos el widget "Mapas" en nuestra página Web y pulsamos en " Configuración"  (rueda dentada).
  2. La ventana "Configuración del componente" tiene los siguientes campos:
    • Mapa predefinido: pegar URL del mapa. Campo recomendado.
    • Conjunto de entidades: campo no totalmente operativo. Algunas de las entidades que podemos seleccionar para mostrar en el mapa no están registradas.
    • Una sola entidad: campo no totalmente operativo. Permite buscar la entidad introduciendo una palabra, pulsando buscar y seleccionado la entidad deseada en los resultados. Algunas de las entidades que podemos seleccionar para mostrar en el mapa no están registradas.
    • Buscar localización: campo no operativo.
      Configuración de widget mapas
       
  3. Pegamos la URL del mapa en el campo "Mapa predefinido", pulsamos Aceptar y Cerrar.
    Aceptar mapa predefinido
     
  4. Actualizamos la página Web para publicar los cambios.

 

Cómo obtener la URL del mapa

Una vez localizado el mapa en Google Maps procedemos de la siguiente manera:

  1. Hacemos clic en "Compartir".
    Compartir mapa
     
  2. En la ventana emergente "Compartir" pulsamos en la pestaña "Insertar un mapa".
    Copiar HTML mapa
     
  3. Hacemos clic en "COPIAR HTML".
  4. De esta manera hemos copiado todo el código HTML, sin embargo, para insertar el mapa con el Widget Mapas sólo necesitamos la URL del mapa. Para extraerla del código podemos pegar todo el código HTML en el bloc de notas y copiar sólo la parte que necesitamos (URL), que es todo lo que se encuentra dentro de las comillas después de "src", sin las comillas:

     

    <iframe src=" https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12145.663490244853!2d-3.7348564328662275!3d40.44393157321142!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd422970dd08f051%3A0xcdf057712d377c53!2sFacultad%20de%20Medicina%20UCM!5e0!3m2!1ses!2ses!4v1713882982381!5m2!1ses!2ses " width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

     
  5. Una vez copiada la URL la pegamos en "Mapa Predefinido: Pegar URL del mapa".
    Aceptar mapa predefinido
     
  6. Aceptamos, cerramos el widget y actualizamos la página.