google maps

Google Maps API Family

Acerca de Google Maps API

Maps API es un servicio gratuito, disponible para cualquier sitio web que sea gratuito para el consumidor. Para obtener más información, consulta las condiciones del servicio.

Las empresas que cobran una tarifa a los usuarios por acceder, que realizan seguimientos o que crean aplicaciones internas deben utilizar Google Maps API Premier, que ofrece funciones mejoradas, asistencia técnica y un acuerdo de servicios.

Novedades

Versión 3 de Maps JavaScript API

19 de mayo de 2010

Consulta la versión 3 de Maps JavaScript API, que se ha graduado oficialmente en Google Labs.

Google Directions API

19 de mayo de 2010

Hemos añadido un servicio web nuevo que permite a los usuarios solicitar indicaciones sobre cómo llegar mediante diferentes opciones de transporte.

Google Places API

19 de mayo de 2010

Se va a anunciar Google Places API (versión previa para desarrolladores), que ofrece información sobre empresas locales basada en su ubicación.

Google Maps dispone de una amplia matriz de API que permite al usuario insertar las funciones más completas y la utilidad diaria de Google Maps en su propio sitio web y en sus propias aplicaciones, así como superponer sus propios datos sobre ellas.

Maps JavaScript API

JavaScript permite a los usuarios insertar un mapa de Google en sus páginas web, así como manipular el mapa y añadir contenido a través de diferentes servicios.
Versión 3 - Versión 2

Maps API for Flash

ActionScript API permite a los usuarios insertar un mapa de Google en sus aplicaciones o en sus páginas web basadas en Flash. Asimismo, les permite manipular el mapa en tres dimensiones y añadir contenido a través de diferentes servicios.
Más información

Google Earth API

Permite a los usuarios insertar un globo digital en 3D en sus páginas web. De este modo, los usuarios que visiten la página del usuario podrán viajar por cualquier lugar del mundo (incluso por debajo del océano) sin salir de la página.
Más información

Static Maps API

Permite a los usuarios insertar una imagen rápida y sencilla de Google Maps en sus páginas web o en sus sitios para móviles sin necesidad de utilizar JavaScript ni ningún sistema de carga de páginas dinámicas.
Más información

Servicios web

Puedes utilizar las solicitudes de URL para acceder a información de lugares, de direcciones o de codificación geográfica de las aplicaciones cliente, y manipular los resultados en JSON o en XML.
Más información

Maps Data API

Puedes visualizar, almacenar y actualizar datos de mapas a través de los feeds de Google Data API, mediante un modelo de funciones (marcadores, líneas y formas) y conjuntos de las mismas.
Más información

 

Como poner google maps en tu web

V�a lapuebladecastro

Peque�o manual para insertar google maps en tu web:

Alfonso Egio

Mucho se ha dicho ya acerca de la Web 2.0 y de las posibilidades y nuevos servicios que ofrece como filosof�a de dise�o de portales, sistemasde gesti�n de contenidos, bookmarking social y etc …

Pese a todo y c�mo suele pasar en un gran n�mero de casos dentro de lo que son las tendencias tecnol�gicas actuales, existen aun muchas iniciativas que podriamos calificar de fenomenolog�a burbujil … es decir, no ofrecen ning�n tipo servicio valorable en si mismo aparte de una ingente exhibici�n tecnol�gica que descuida los intereses de los usuarios o visitantes.

No obstante, de entre todo el conjunto de aventuras desarrolladas en el marco de lo que hoy se conoce como la nueva Web, uno de los primeros gigantes de internet ofrece un servicio claramente diferenciado con grandes posibilidades y al alcance de cualquiera.

Nos referimos a Google con su brillante aplicaci�n Google Maps.

Lo cierto es que desde Junio de 2005, adem�s de poder disfrutar de la aplicaci�n alojada en Google, disponemos del servicio Google Maps Api que nos permite empotrar toda la funcionalidad de dicha aplicaci�n en nuestra propia Web. En las lineas que siguen vamos a proporcionar un primer ejemplo b�sico de uso de dicha interfase sobre Javascript para poder incluir un mapa como el que sigue en nuestra p�gina:

Mapa interactivo de La Puebla de Castro basado Google Maps API. Puedes utilizar los controles de Zoom y desplazamiento adem�s de admirar la vista por sat�lite

C�digo javascript

En primer lugar y dado que Google Maps, es la aplicaci�n AJAX por excelencia, (debemos tener en cuenta que la J va por Javascript), el API que nos ofrecen desde Google est� en Javascript. A continuaci�n se comenta el c�digo que debemos incluir entre <head> y </head> de nuestra p�gina HTML:

<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 infoTabs = [ new GInfoWindowTab("Tab #1", 'La Puebla de Castro') ]; var map = new GMap2(document.getElementById("map")); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); map.setCenter(new GLatLng(42.1455, 0.2874), 14); var marker = new GMarker(map.getCenter()); GEvent.addListener(marker, "click", function() { marker.openInfoWindowTabsHtml(infoTabs); }); map.addOverlay(marker); marker.openInfoWindowTabsHtml(infoTabs); } } //]]> </script>

Tal como se puede apreciar, se invoca a un script con URL:

http://maps.google.com/maps?file=api&v=2&key=...........

Donde detr�s de key hemos de emplazar nuestra clave de Google Maps que podemos conseguir en Google Maps Signup con tan solo indicar la URL de nuestra p�gina y aceptar los t�rminos del servicio.

A partir de aqu�, se pasa nuestra parte del c�digo dentro de la c�psula CDATA para personalizar nuestro mapa. En primer lugar se instancia un GInfoWindowTab en el que podemos extender el HTML deseado (incluso mostrar im�genes e hiperv�nculos como en �sta misma p�gina). A continuaci�n, instanciamos el mapa como un objeto GMap2, le a�adimos los controles de zoom y desplazamiento adem�s de los de vista sat�lite, h�brida y etc … (GSmallMapControl y GMapTypeControl), situamos el centro del mapa y zoom (14) mediante la instrucci�n:

map.setCenter(new GLatLng(42.1455, 0.2874), 14);

Haciendo alusi�n directa a la latitud y longitud geogr�fica de nuestro querido municipio, integramos la ventana de informaci�n de infoTabs y finalmente la mostramos por defecto asociada al marker (color naranja) del centro del mapa.

Por �ltimo no olvidemos incluir sobre el tag body de nuestro c�digo HTML los siguientes atributos de evento:

<body onload="load()" onunload="GUnload()">

Para a continuaci�n situar el mapa donde nos plazca mediante un tag de tipo div formateado al gusto:

<div id="map" style="width: 500px; height: 500px"></div>

 

argentina tdah peru tdah mexico tdah expertos tdah mitos tdah novedades tdah diapositivas tdah videos tdah cuento tdah motivación tdah pautas tdah consejos tdah noticias tdah blogs tdahDe modo que ya podemos disfrutar de nuestros propios y personalizados mapas interactivos … suerte y a por ellos !