El rey indiscutible en internet, pese a quien le pese, es Google. Lo ha conseguido, por méritos propios, con su filosofía y su forma de entender la red. La consecuencia directa de esto, es que, millones de personas utilicen sus servicios diariamente y estén al tanto de los nuevos programas y aplicaciones que la compañía lanza periódicamente generando una tremenda expectación.
Por ejemplo estos días no se ha parado de hablar de la materialización europea de Google Maps. Precisamente Google España ha presentado hoy, su recién inaugurado servicio en una rueda de prensa por su nueva directora Isabel Aguilera. (Por cierto que es la primera que Google ofrece en España)
En relación a este servicio, he estado curioseando un poco sobre la posibilidad de insertarlo en nuestra propia página y efectivamente esto es posible debido a que Google liberó hace un tiempo su API.
Para los que, como yo, no entienden mucho de programación, wikipedia nos dice que son las siglas de Application Programming Interface (Interfaz de Programación de Aplicaciones), una especie de método, para aprovechar sinergias entre varios programas. Por ejemplo, A, utiliza dentro de su sistema, el programa de B, gracias a que este le ha proporcionado un “how to”, escrito en su API.
Así pues con esta API liberada, Google nos proporciona un sistema para que, a través de JavaScript insertado en nuestra página web, podamos utilizar estos mapas.
Vamos a verlo todo con un ejemplo práctico. Utilizaré la web que gestiono desde hace tres meses de la Semana Santa de Baena (Córdoba). Podría ser muy util para los lectores poner un mapa de la ciudad indicando los puntos principales.
Lo primero que hay que hacer es pedirle una clave a Google para poder utilizar esta API, aceptar sus normas e indicarle la URL en la que utilizaremos su programa.
Una vez aceptado y cumplimentado todo, nos aparecerá una página dándonos las gracias y tres cositas:
1. Nuestra Llave
2. La confirmación de la web para usar esa llave
3. Un ejemplo de inserción del código en una web. En este código aparecen los scripts necesarios para poner google maps en nuestro blog.
En ese código hay también elementos facilmente identificables como el tamaño del mapa o las coordenadas, que nos interesan para colocar el mapa de la zona que queremos, de la forma que queremos en nuestra web.
El paso siguiente es saber las coordenadas correctas de la zona. En el ejemplo de Baena, vamos a Google Maps, buscamos “Baena, Spain”, acercamos el zoom y cuando tengamos la zona que queremos, le damos al botón “Enlazar esta página”.
El resultado será una nueva web (ver imagen), en cuya url se encuentran estas coordenadas. En nuestro caso: 37.614322,-4.326459
Ahora ya sólo nos queda irnos a nuestra página y colocar los códigos correctamente, con estas nuevas coordenadas, con el tamaño proporcional del mapa que queramos y siguiendo el ejemplo de google.
Habrá que tener en cuenta, que parte del código va entre las etiquetas de la cabecera y el resto, en la anotación o parte del blog o web que quieran que aparezca el mapa. Ver imagen
El resultado, debería ser algo parecido a esto:
Ahora, prueben, experimenten, y comenten. Recuerden que tienen una sección dentro de la web de API, para ampliar información y donde están las preguntas frecuentes y solución de problemas.
Comentarios recientes