Como hacia tiempo que no publicaba ningún código fuente y en varias ocasiones Alejandro Torres me ha pedido escribir alguna entrada de programación, he decidido publicar este ejemplo practico.

¿En que consiste este ejemplo?

Se trata de una especie de asistente para poder generar facilmente mapas estaticos utilizando la API de google maps.

¿Que puedes aprender con este ejemplo?

• Estructura de directorios y ficheros: css, javascript, html
• Separar capas lógicas: CSS, javascript del XHTML
• Visualizar más rápidamente la página poniendo el javascript al final
• Javascript no intrusivo, separar los eventos javascript del XHTML y llamarlos en el evento onload
• Javascript: Como utilizar la API google maps para generar imagenes estáticas
• SEO: tag title, metatags description y keywords
• PHP: obligar a descargar ficheros
• Ver un ejemplo de XHTML y CSS valido
• A programar como el culo

Demo y descarga:

• Demostración en vivo del generador de mapas
• Descargar código fuente genmaps

Notas:

Si pruebas el ejemplo en modo local funcionará correctamente, si decides subirlo en un servidor tendrás que introducir tu google API key en el fichero index.html:

<script type=”text/javascript” src=”http://maps.google.com/maps ?file=api&v=2.x&key=tu_google_api_key“></script>

Más información:

• Documentación API google maps para generar mapas estáticos
• Javascript no intrusivo