Web 2.0 también hace referencia al software distribuido a través de APIs (application programming interface). La capacidad de utilizar las características y funcionalidad remota es muy útil en otras partes de la realidad como la Internet. Además de Yahoo, con su estilo Toolkit 2.0, Google - en el contexto de la geo-referenciación - ofrece a sus herramientas gratuitas, en este caso para el manejo y gestión de los mapas.
API de Google Maps te permite insertar Google Maps en sus páginas web mediante JavaScript.
Lo primero que debe hacer, antes de que puedan empezar a experimentar con la API, se registra en el sitio http://www.google.com/apis/maps/ con el fin de obtener una clave (un UID) en el sitio de uso. De hecho, por cada web que usted necesita una llave!
Google ofrece un servicio gratuito que es una empresa de soluciones de intranet y aplicaciones avanzadas - ver: Google Maps para empresas
La versión gratuita, sin embargo, ya se soluciona todas las necesidades posibles. Obtenido la clave se le asigna automáticamente una página de resumen con ejemplos de código JavaScript. El primer paso es recuperar la longitud y latidudine el área que desea ver.
1 2 3 4 5 6 | showMap función () { GBrowserIsCompatible ( ) ) { if (GBrowserIsCompatible ()) { new GMap2 ( document. getElementById ( "map" ) ) ; var mapa = new GMap2 (getElementById document. ("mapa")); new GLatLng ( 37.4419 , - 122.1419 ) , 13 ) ; . setCenter mapa (nuevo GLatLng (37.4419, - 122.1419), 13); } } |
El código de ejemplo es bastante simple. presente sulla pagina, in questo caso un DIV con id="map" . Se basa sull'instanza una clase GMap2() conectado a un DIV en la página, en este caso un DIV con id="map" .
La completa documentación de la API proporciona alimento adicional para su posterior visualización, tales como poner la vista híbrida - vía satélite / mapa - la activación de los controles para el zoom y el movimiento, la capacidad para conectar un "globo" con información personalizada.
Una manera de activar una serie de comprobaciones es la siguiente:
1 2 3 4 5 6 | new GMap2 ( document. getElementById ( "map" ) ) ; var mapa = new GMap2 (getElementById document. ("mapa")); new GLatLng ( 37.4419 , - 122.1419 ) ; centro var = new GLatLng (37.4419, - 122.1419); center , 17 , G_HYBRID_MAP ) ; // Mappa ibrida mapa. setCenter (centro, 17, G_HYBRID_MAP) / / Mapa del híbrido new GMapTypeControl ( ) ) ; . AddControl mapa (GMapTypeControl nuevos ()); new GLargeMapControl ( ) ) ; . AddControl mapa (GLargeMapControl nuevos ()); new GScaleControl ( ) ) ; // Zomming . AddControl mapa (GScaleControl nuevos ()); / / Zomming |
También puede asociar un GMarker, una "nube" con información adicional y hacer reaccionar a los clics del ratón.
1 2 3 4 5 6 7 8 9 10 11 | '<div class="td_testo"><strong>Prova Mio Nome</strong><br />Via Roma, 100<br />00100 - Roma, Italia</div><div class="menu"><a WINDOW_HTML var = '<div class="td_testo"> <strong> Trate de mi nombre </ strong> <br /> Via Roma, <br /> 100 00100 - Roma, Italia </ div> clase <div = "menu" > <a comunicarse con nosotros </ a> </ div> '; new GMarker ( center ) ; var marcador = new GMarker (centro); marker ) ; . addOverlay mapa (marcador); marker , 'click' , function ( ) { GEvent. AddListener (marcador, 'click', function () { WINDOW_HTML ) ; . Marcadores openInfoWindowHtml (WINDOW_HTML); }); marker , 'infowindowclose' , function ( ) { GEvent. AddListener (marcador, 'infowindowclose', function () { center , 2 ) ; . recenterOrPanToLatLng mapa (centro, 2); }); WINDOW_HTML ) ; . Marcadores openInfoWindowHtml (WINDOW_HTML); |
Documentación completa en el sitio cumple con todas nuestras necesidades, el uso de marcadores especiales, JSON, Ajax y mucho más. Entre otras cosas, hay un montón de ejemplos de ejemplos de código en línea. Una herramienta - gratis - para usar de inmediato!
No puedo dejar que entrar en el cómic ... puedes tener una muestra o mayor información sobre cómo hacerlo en italiano?
gracias
@ Villa Centopino: se muestra un ejemplo en el Post. ¿Qué problema tiene exactamente? Por algún error?
¡Hola
He insertado el balón no es copiar y pegar, sin errores ...
Pero aún así me decidí a buscar
Hola y gracias
latitud y longitud se pueden derivar del nombre de la ciudad y la calle?
[...] Esta vez la respuesta a un comentario en un post, dado el interés general. Armando me preguntó si era posible, a través de Google Maps, Latitud y Longitud obtenidos a partir de [...]
Hola,
Me vendría bien un cambio.
Me gustaría que mi cómic fue mostrada en ese momento sin tener que ver con los clics del ratón.
También me gustaría que el cómic contiene las opciones "es el camino hacia aquí y aquí."
Es una semana sbattola la cabeza, me dan un favor manoper.
Gracias y hasta pronto
¡Gracias!
Hola a todos Les escribo para preguntar por qué no puedo ver la dirección y no la dirección MARKATOR Mitrov ...
2
....
Yo escribí así:
2
3
4
5
"load(); onload = "load ();
showAddress ('Road Portichina, CO 20 55049 Viareggio, Italia); "
"GUnload();" onunload = "GUnload ();"
......
muchas gracias
[...] ¿Cómo poner Google Maps en tu web - heyos_ad_user = 8,748; heyos_ad_type = "G"; heyos_ad_format = "8"; heyos_color_border = "000066"; heyos_color_bg = "FFFFFF"; heyos_color_link = "005B88" heyos_color_text = " 000000 "; heyos_color_url =" 5F5F5F "[...]
[...] Por ejemplo, en el recordatorio de este escrito es uno de los post más vistos Cómo agregar Google Maps en tu web, con 17.410 puntos de vista. Si usted tiene productos o servicios relacionados con Google Map o no, que [...]
Hej!
Helt är det har med ny hasta el API de Google Maps.
Jag önskar hjälp med att På hace plats de som krävs kod-Bitar. Följande önskar uppnå jag.
Dar una mano en Har webbsida fyller uppgifter el conflicto, dar la dirección annat suave, stad och tierra. El hombre klick en "enviar" a la información lagras och en Sa klart la base de datos.
Önskan min, nu är att På como en visningssida Skalli kunna klick På en och databasen publicar la información que se visas hämtas På och en sida. Det som jag önskar Skalli ske, är att en visas karta dar una mano en Har Liten pin-punto justo Dirección PA den, ort och för den la tierra som var registrerad Posten.
HUR för att jag gar tillväga På ett, dijo Skapa Enkelt och bra Satta.
Skriver och Lite PHP MySQL Jobb mot.
Tacksam ujeres nagone önskar hjälpa okunnig Själ!
-Andreas
@ Andreas: Andreas querida, puedes escribir tu pregunta en Inglés?
@ Giovambattista Fazioli:
Hello!
Es completamente nuevo en esto con la API de Google Maps.
Quiero ayudar a conseguir en su lugar el código de bits como sea necesario. El siguiente, me gustaría lograr.
Tiene un sitio web donde usted llena en algún momento, que efectivamente, entre otras cosas, dirección, ciudad y país. Hacer clic en "submit" y toda la información almacenada en una base de datos claro que lo sé.
Mi deseo es que ahora en la página de visualización es hacer clic en una entrada en la base de datos y recuperar toda la información y se muestra en una página. Lo que esperamos que suceda es que el mapa muestra donde se tiene una pequeña punta de alfiler justo en la dirección, ciudad y país inscritos en el puesto que fue.
¿Cómo hago para crear de una manera sencilla y útil.
Escribe un poco de PHP y MySQL funciona contra.
Agradecería que todo aquel que desee ayudar a un alma ignorante!
-Andrew
@ Darío: geocodificación inversa ver. Mirando en la fuente de la página se encuentra el código necesario, comunqueq es decir, el "núcleo" de la solución es:
Añadir un oyente para escuchar el clic y crear un objeto
GClientGeocoder:2
GClientGeocoder ( ) ; GClientGeocoder geocodificador = new ();
El controlador utiliza el tema del clic
GClientGeocoderpara recuperar información de abandonar el sitio de latitud y longitud:2
3
4
5
6
latlng != null ) { if (latlng! = null) {
address = latlng;
latlng , showAddress ) ; . geocodificador getLocations (latlng, showAddress);
}
}
Entonces, al final, el manejador de
showAddressmostrar la información del lugar a travésplace.addressLe pregunto si usted puede encontrar un sitio que actúa por el contrario, que al entrar en las coordenadas que puede encontrar el lugar.
Hola a todos!
Pido a la mano de los expertos, porque me encontré con un problema que no puedo arreglar ... ahora voy a explicar:
Puedo usar el API de Google Maps para hacerlo navegable y mapa ampliable con una extensión. Tiff georeferenciada que es! Encontré algo de información con la que me he dado cuenta que en primer lugar mi imagen debe estar dividido en baldosas, sólo los recursos que he encontrado dice que usted puede hacer esto con Photoshop o Paint Shop Pro (o algún otro pequeño programa , creo), pero no dijo cómo ... y me tengo que quedar aquí!
Por favor ... me ayude, necesito!
Ola Queriendo estou pasando meu mapa, ja em Feito Google Earth y Google Maps API para, párrafo ter Poder Visa em meu blog Igual en Google Earth um, locales em meu computador. Si estos posivel, mas de como desconhesco fazerlo. Doy poderiam de Como fazer algumas Dicas, o las ondas de procurar sándalo exemplo.
Temor es Que meu ter recadastrar cadastrado em meu tudo mapa, punto de Todos os espera.
Agradecemos pela ajuda.
Claudio G. Pagliaro
cgpagliaro.arroba.gmail.com
Hola, tengo un problema, he creado el código API para insertar mapas de Google en mi sitio. A nivel local funciona sin problemas, pero cuando lo inserte en la Internet y k ir a visitar la página donde pongo la palabra ke la API de servidor ha rechazado la solicitud y es así porque el código de la API no es válida, ya que genera para otro sitio . ¿Qué debo hacer?
Beb @ Enrico: puede volver a generar la clave! O mejor! Si ha utilizado el "local", como se afirma, han generado una clave para un host que no sea online? En la práctica lo que necesita para generar una clave en función del servidor que utilice.
[...] Es realmente trivial. Reconocemos el guión básico para la integración con el procedimiento estándar para insertar google map en el sitio. En primer lugar, a su vez como la publicidad tradicional y luego la barra de herramientas [...]
[...] En Flash, puede utilizar una amplia gama de APIs externas que proporcionan los servicios web como Facebook, Twitter o Flickr. En este tutorial veremos la forma de integrar, en una muy simple, los servicios de Google Maps en una película / aplicaciones CS4 de Adobe Flash Player. Declaro que el procedimiento para utilizar Google Maps en Flash es muy similar a lo que ocurre con HTML / JavaScript (ver detalles en ¿Cómo poner mapas de Google en su sitio web). [...]
[...] Ha lanzado la API - Javascript - para poner sus mapas en cualquier sitio web se disputaban la forma de lograr lo mismo con [...]
Disculpe, usted sabe cómo eliminar google escrito en la parte inferior de "créditos"?
Tengo un mapa que se muestra como un híbrido, pero es lo suficientemente pequeña, el texto debe ser en exceso, y es visualmente atractivo.
Tengo un problema, use Flash CS5 en Windows 7, he descargado el archivo zip, he copiado el componente en su camino, pero no puedo encontrar los componentes de flash en la biblioteca .. Además, si hago doble clic en el componente, Flash trata de importación, pero en algún momento me dijo "formato de archivo inesperado".
en el que podría ser el problema?
@ Alpha: Nunca he usado flash en mi vida, para que yo pudiera estar equivocado, pero que es un código Javascript, no Actionscript.
@ Wpae:
Zip de lo que habla? Este post explica cómo utilizar mapas con JavaScript, quizás usted se refería a otro artículo?
Hola quería preguntar si se podía, de alguna manera, para cambiar los botones de feo! Quizás con imágenes que son establecidos por nosotros ...
@ Mariano: No creo que sea posible ... tal vez no lo que puedes hacer es visualizar y crear su obligando a hacer lo mismo a través de la API, a pesar de ser verificada.
Hola,
saber si la versión gratuita de mapas es un límite en las llamadas desde un sitio web específico a Google Maps?
¡Gracias!
Clare
Hola, he escrito este código, pero ahora me gustaría importar la nube tal y como aparece en Google Map. Vi un post como siempre aquí, pero no puedo entrar en el código correctamente, probablemente porque se inserta en el lugar equivocado.
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18a
19
20
21
22
23
24
25
26
27
28
29
30
31
google . maps . Map ; ... con las importaciones de los mapas de Google Map;
google . maps . MapEvent ; con las importaciones de los mapas de Google MapEvent...;
google . maps . MapType ; ... con las importaciones de los mapas de Google MapType;
google . maps . controls . ZoomControl ; con las importaciones de los mapas de Google controla ZoomControl....;
google . maps . controls . PositionControl ; con las importaciones de los mapas de Google controla PositionControl....;
google . maps . controls . MapTypeControl ; con las importaciones de los mapas de Google controla MapTypeControl....;
google . maps . overlays . MarkerOptions ; ... con las importaciones de los mapas de Google superposiciones MarkerOptions.;
google . maps . overlays . Marker ; ... con las importaciones de los mapas de Google superposiciones marcador.;
google . maps . InfoWindowOptions ; con las importaciones de los mapas de Google InfoWindowOptions...;
google . maps . MapMouseEvent ; con las importaciones de los mapas de Google MapMouseEvent...;
: Map = new Map ( ) ; var mapa: mapa = new Map ();
key = "ACfg....." ; mapa. key = "ACfg .....";
setSize ( new Point ( 562 , 458 ) ) ; . Mapa setSize (nuevo punto (562, 458));
x = 350 ; mapa x = 350.;
y = 150 , 05 ; Mapa y = 150, 05.;
addEventListener ( MapEvent . MAP_READY , onMapReady ) ; . Mapa addEventListener (MapEvent. MAP_READY, onMapReady);
addChild ( map ) ; este addChild (mapa).;
event : MapEvent ) : void { onMapReady función (caso: MapEvent): void {
setCenter ( new LatLng ( 45.97553673095479 , 12.229607105255127 ) , 16 , MapType . NORMAL_MAP_TYPE ) ; . setCenter mapa (nuevo LatLng (45.97553673095479, 12.229607105255127), 16, MapType NORMAL_MAP_TYPE.);
addControl ( new ZoomControl ( ) ) ; . AddControl mapa (ZoomControl nuevos ());
addControl ( new PositionControl ( ) ) ; . AddControl mapa (PositionControl nuevos ());
addControl ( new MapTypeControl ( ) ) ; . AddControl mapa (MapTypeControl nuevos ());
Marker = new Marker ( new LatLng ( 45.97553673095479 , 12.229607105255127 ) ) ; var marcador: marcador = new Marker (nuevo LatLng (45.97553673095479, 12.229607105255127));
addOverlay ( marker ) ; . addOverlay mapa (marcador);
}
Me estoy volviendo loca!
@ Vanessa_Megg: Línea 17:
Veo un error ... ha utilizado una coma en lugar de un período ... pero no sé si eso es lo que te da problemas. Usted tiene alguna indicación en más?
@ Giovambattista Fazioli:
Bien, ahora funciona el código. Pero mi pregunta era una "cosa: si usted puede importar la nube de Google Map de sus compañeros, y todos los signos, el archivo de Flash .. He visto a muchos que han preguntado por ahí, pero sin encontrar una solución a ella ...: /
@ Vanessa_Megg: si la "nube" que significa el cómic, el que tiene la información que se muestra en el sitio, no se puede "extrapolar" a partir de la componente de Flash. ¿Qué se podría hacer, si he entendido sus necesidades, "leer" la información y proponer a otra parte. Además, como se muestra en el código anterior, el contenido de la "burbuja" se crea en HTML:
. Utilizando el método
openInfoWindowHtmlpuestos a disposición por elmarker. Lo que no me queda claro cuando dice "la importación de la nube de Google Map de sus compañeros, y todos los signos, el archivo flash .."@ Giovambattista Fazioli: ¡Hola! Bueno, yo tengo el mismo problema. He creado la clave de la API con la dirección del sitio donde se pueda. Si la página miro local me muestra el mapa (que no), pero en línea que dice que mi clave de API que está mal. Sigo a repetir el procedimiento, pero nisba! Soy como dos horas en un mapa de google ... No puedo soportar
@ Igor: Los problemas encontrados con Adobe Flash podría ser el resultado de la nueva política de Google. Para algunos, de hecho, ya no es necesario para generar una clave, la nueva API de Google sólo funciona con la importación (simplemente funciona).