2. Consigue una clave para trabajar con la API Google Maps

Para poder trabajar con la API tenemos que darnos de alta en el servicio y conseguir una clave, que, como veremos en futuros posts, se utiliza para identificar las peticiones. La clave se obtiene en la página de Inscripción para el API de Google Maps -hace falta tener una cuenta Google-.

Después de leer y aceptar las condiciones de uso podemos escribir el URL de nuestro sitio web: yo escribí la dirección de este blog, www.tutorialcakephp.wordpress.com. A continuación, en la página siguiente, tenemos que introducir nuestra cuenta: yo aquí puse la mía, jordicakephp@gmail.com.

Con estos datos Google genera la clave y nos da la bienvenida: “Thank you for signing up for a Google Maps API key!”; también nos facilita un código HTML de ejemplo para ver cómo se utiliza el script:

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

La página de bienvenida a la documentación para programadores del API de Google Maps explica cómo utilizar las instrucciones del API. Nosotros lo hacemos en próximos posts porque antes nos gustaría recordar, aquí, cómo funcionan las coordenadas geográficas; también dejamos esta tabla con las coordenadas de algunas ciudades españolas:

Ciudad

N

E

Barcelona

41.387917

2.169919

Bilbao

43.256963

-2.923441

Madrid

40.416741

-3.70325

Sevilla

37.38264

-5.996295

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: