Todo sobre la API de Google Maps (1ª Parte)

Etiquetas:
- api
- google
- maps

Quieres utilizar la API de Google Maps y no sabes por donde empezar en este tutorial trataremos de explicarte como hacerlo a través de un ejemplo simple de integración de un mapa en nuestra página web.

Con este servicio de Google tu podras dar una vuelta virtual al mundo y lo mejor de todo es que la mayoría de las áreas poseen una gran calidad.Lo mas interesante de este servicio es sin duda que Google ofrece una API (Application Programming Interface) para todos aquellos interesados en usar este servicio e integrarlo en su propia página, de forma simple y gratuita y con grandes opciones de interactividad.Los requisitos para comenzar son bastante asequibles necesitaras unicamente entrar en Google Maps Key y conseguir una clave para utlizar la API en tu sitio.

Ya tenemos una clave para utilizar la API en nuestro sitio y queremos probarla creando un mapa, tendremos que crear un documento html y añadirle el siguiente código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br /> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /> <html xmlns="http://www.w3.org/1999/xhtml"><br /> <head><br /> <meta http-equiv="content-type" content="text/html; charset=utf-8"/><br /> <title>Google Maps JavaScript API Example</title></p> <script src="http://maps.google.com/maps?file=api&v=2&key=" type="text/javascript"></script><script type="text/javascript"> //<![CDATA[ function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.setCenter(new GLatLng(36.719623, -4.419907), 13); } } //]]> </script><p> </head><br /> <body onload="load()" onunload="GUnload()"></p> <div id="map" style="width: 500px; height: 300px"></div> <p> </body><br /> </html>

Lo único que nos quedaría para que funcione sería introducir la clave que conseguimos en el paso anterior e introducirla en la línea:

</p> <script src="http://maps.google.com/maps?file=api&v=2&key=NUESTRA CLAVE" type="text/javascript"></script><p>

Tras estos dos pasos obtendriamos lo siguiente:

Mapa de Málaga

Ver ejemplo en tufuncion.com

Todo sobre la API de Google Maps (2ª Parte)

Enlaces Relacionados

Enviado por manu el Mié, 05/24/2006 - 21:50.

20825 lecturas

easy Api map for web users.

Enviado por Israel (no verificado) el Sáb, 06/14/2008 - 23:03.

I've found this link where you can get complete info on the basic works for google api http://www.doug.ricket.com/gdd2007/, and in case you are interested in a complete example, this is also a great site. http://gmaps-samples.googlecode.com/svn/trunk/spreadsheetsmapwizard/make...

I'm not a web master and I was able to add a map to my site.

Hope it helps.

responder

como inserto una imagen en

Enviado por Or (no verificado) el Dom, 04/06/2008 - 15:38.

como inserto una imagen en la burbuja esa del google maps tengo un API pero no se como insertar

responder

Localizacion inversa

Enviado por Pablo (no verificado) el Lun, 12/24/2007 - 09:22.

Saben si google esta haciendo localizacion inversa a traves de web service. Ya se que en la web si pones las coordenadas, sale donde se encuentra, pero yo lo quiero q me devuelva un xml o en json esta informacion

responder

Codigo api

Enviado por Anónimo (no verificado) el Mar, 11/20/2007 - 21:34.

Hola soy nuevo en esto y quiero saber como puedo conseguir el codigo API

responder

no encuetro mapas

Enviado por Anónimo el Lun, 08/13/2007 - 21:02.

ya realice los ejemplos y si los maspas que me muestra son de muy buena calidad, pero estoy haciendo mi servidor para una cidad de mexico y los mapas no se visualizan, al principio pense que no abia mapas para mexico pero he checado algunas direcciones que ya integraron la libreria API del google maps y ellos si pueden visualizar mapas de ciudades de mexico que tengo que hacer para solucionar esta problematica

responder

Hola Muy buenas. Tengo una

Enviado por Fabi (no verificado) el Mié, 08/01/2007 - 11:31.

Hola Muy buenas. Tengo una duda.
¿Como hago para cambiar las coordinadas del Mapa? Por ejemplo, quiero un mapa del Paseo de la Castellana y también quiero generar otro mapa de Gran vía. Le leido bastante la documentación de API pero no logro encontrar esta información.
Gracias por la ayuda!

responder

He caido en vuestra pagina

Enviado por felipe fernandez (no verificado) el Vie, 03/02/2007 - 14:15.

He caido en vuestra pagina porque necesito poner los mapas de google en mi buscador. Veo que se ha de poner una clave por lo que deduzco habilmente que me tengo que dar de alta en algun sitio ( google supongo) pero en las inmumerables paginas de google no veo donde hacerlo. Necesito ese dato. Gracias por la informacion