Agregar GoogleMaps (v3) en una página web

Google Maps ofrece una amplia matriz de APIs que permiten al usuario insertar las funciones más completas y la utilidad diaria de mapas en un sitio web y en aplicaciones, así como agregar sus propios datos sobre ellas. Entre los APIs que ofrecen estan:

• JavaScript API
• Flash API
• Google Earth API
• Static Maps API
• Servicios Web
• Maps Data API

Para el siguiente ejemplo se usará el API de JavaScript, el cual nos permite configurar un Mapa indicando los parametros iniciales y las funciones que incluira dentro del mapa. El siguiente script se encarga de ello.

 

 

 

 

Con el codigo que se observa hacemos la llamada al script de google que maneja los mapas, luego empezamos a definir la funcion el la cual tendremos la información necesaria para incializar el mapa. Primero definimos la posición incial del mapa, luego las funciones básicas del mapa y finalmente buscamos un elemento HTML en este caso un div para agregarlo. Luego se da un lector de eventos y tenemos lo siguiente:

 

 

Un Mapa de Google que usa la configuración para ser manipulado.