compartimos
la actualidad contigo

21 sep 2009

Google Maps en lightbox

Hasta ahora siempre hemos usado el Lightbox para tratar imágenes. Aquí os dejo una adaptación para realizar un lightbox de un mapa de Google. Es muy útil cuando no queremos poner el mapa en un tamaño muy grande por falta de espacio o simplemente por estética. Podéis descargaros los archivos necesarios haciendo click aquí Es muy sencillo, vamos a especificar los pasos. Descargamos el archivo y descomprimimos su contenido Guardamos en la carpeta de la web las imágenes, el css y el script. Enlazamos el css y el script dentro de la página: Tenemos que ir a la web de Google Maps y buscar la dirección que queremos. En el "href" del enlace desde donde queremos ampliar el mapa colocamos la que nos da Google para enlazar un mapa en una web. Al enlace le podemos poner un atributo "title" para mostrar el título que le queremos dar al mapa. Al final el enlace nos tendría que quedar de la siguiente manera: Mostrar mapa Podéis ver un ejemplo haciendo click aquí. ¡Espero que os sirva de ayuda!

Hasta ahora siempre hemos usado el Lightbox para tratar imágenes. Aquí os dejo una adaptación para realizar un lightbox de un mapa de Google. Es muy útil cuando no queremos poner el mapa en un tamaño muy grande por falta de espacio o simplemente por estética.

Podéis descargaros los archivos necesarios haciendo click aquí

Es muy sencillo, vamos a especificar los pasos.

Descargamos el archivo y descomprimimos su contenido Guardamos en la carpeta de la web las imágenes, el css y el script. Enlazamos el css y el script dentro de la página:
Tenemos que ir a la web de Google Maps y buscar la dirección que queremos. En el "href" del enlace desde donde queremos ampliar el mapa colocamos la que nos da Google para enlazar un mapa en una web.

Al enlace le podemos poner un atributo "title" para mostrar el título que le queremos dar al mapa. Al final el enlace nos tendría que quedar de la siguiente manera:
Mostrar mapa

Podéis ver un ejemplo haciendo click aquí.

¡Espero que os sirva de ayuda!

Otras noticias
23 sep 2021

Trabaja con nosotros y forma parte de nuestro equipo

En Ticmedia estamos buscando programador/a con experiencia de al menos dos años en PHP para la gestión y el desarrollo de portales web y aplicaciones en importantes proyectos de larga duración en diferentes sectores.

01 sep 2021

Ciberataques a hospitales durante la pandemia

Como centros neurálgicos de la pandemia, los hospitales se han convertido en uno de los objetivos más deseados por los hackers desde la llegada del Covid-19. La información sensible relativa a los pacientes y a la investigación médica han sido las más atractivas a los hackers a la hora de robar información en los sistemas sanitarios y pedir un rescate por ella. 

programación web :: ticmedia.es
Fondo Social Europeo
Servicio Público de empleo

Ticmedia Soluciones profesionales S.L es beneficiaria de una subvención cofinanciada por el Principado de Asturias, el Fondo Social Europeo y la Iniciativa de Empleo Juvenil (en el marco del Programa Operativo de Empleo Juvenil 2014-2020) por la celebración de contratos en prácticas