Mapa de Google Maps como fondo de tu sitio web

Utilizar un mapa de Google Maps a gran escala como fondo de tu sitio web puede verse mejor de lo que crees y lo mejor de todo es que solo necesitas utilizar propiedades de CSS como z-index y position: absolute para lograrlo.

Si quieres probar como se veria puedes seguir estos pasos:

1) Obten una clave de Google Maps API

Antes que nada, lo primero que requerirás será una clave API para utilizar Google Maps para estos fines. Esto te llevará tan solo unos segundos, es instantáneo y es requerida una clave por dominio.

Haz clic en este enlace para obtener tu clave API de Google Maps >>

2) Configura los archivos HTML y CSS

Aquí puedes descargar el archivo CSS:

Haz clic en este enlace para descargar el archivo CSS >>

Y aquí puedes descargar el archivo HTML:

Haz clic aquí para descargar el archivo HTML >>

Finalmente, aquí tienes el archivo JavaScript:

Haz clic aquí para descargar el archivo JavaScript >>

El Resultado Algo como esto:

El API de Google Maps te permitirá colocar marcadores en puntos personalizados del mapa , por lo que puede ser una gran idea a la hora de crear una página de contacto, mostrar la ubicación de todos los comercios de una franquicia, etc.

Fuente original del artículo: WadeHammes
Traducción realizada por elWebmaster.com