Web2.0 también significa que el software distribuido a través de la API (Application Programming Interface). La capacidad de aprovechar las características y la funcionalidad de otros lugares remotos es extremadamente útil en la realidad tal como la Internet. Además de Yahoo, con su estilo ToolKit 2.0, aunque Google - y dentro de la geo-referenciación - ofrece sus herramientas libres, en este caso para el manejo y gestión de mapas.
API de Google Maps permite insertar Google Maps en sus propias páginas web utilizando Javascript.
Lo primero que hay que hacer antes de 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, para cada tecla Web es necesario!
Google ofrece un servicio gratuito que uno de soluciones empresariales para intranet y utiliza avanzadas - Ver: Google Maps para empresas
La versión gratuita, sin embargo, ya se soluciona todas las necesidades posibles. Galardonado con el clave se propone automáticamente una página de resumen con un ejemplo de código Javascript. El primer paso es recuperar longitud y latidudine de la zona que desea ver.
1 2 3 4 5 6 | Función showmap () { GBrowserIsCompatible ( ) ) { if (GBrowserIsCompatible ()) { new GMap2 ( document. getElementById ( "map" ) ) ; var map = nueva GMap2 (document. getElementById ("map")); new GLatLng ( 37.4419 , - 122.1419 ) , 13 ) ; . mapa setCenter (nueva 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 de una clase GMap2() conectado a un DIV en la página, en este caso un DIV con id="map" .
La documentación de la API se proporciona más alimentos para su visualización, tales como la definición de la vista híbrida - TV vía satélite / mapa - la activación de los controles de zoom y movimiento, la posibilidad de conectar un "divertido" con una pantalla personalizada.
Una forma de activar una serie de controles es:
1 2 3 4 5 6 | new GMap2 ( document. getElementById ( "map" ) ) ; var map = nueva GMap2 (document. getElementById ("map")); 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 / híbrido new GMapTypeControl ( ) ) ; . mapa AddControl (nueva GMapTypeControl ()); new GLargeMapControl ( ) ) ; . mapa AddControl (nueva GLargeMapControl ()); new GScaleControl ( ) ) ; // Zomming mapa. AddControl (nueva GScaleControl ()) / / zomming |
También puede asociar un GMarker, una "tira cómica", con orientación adicional y no reaccionan 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 = </ strong> /> Via Roma, 100 <br /> 00100 '<div class="td_testo"> <strong> Intente mi nombre <br - Roma, Italia <div /> <div class "menu" = > <a llegar a nosotros </ a> </ div> '; new GMarker ( center ) ; var marcador = new GMarker (centro); marker ) ; . mapa addOverlay (marcador); marker , 'click' , function ( ) { GEvent. AddListener (marcador, 'click', function () { WINDOW_HTML ) ; . marcador openInfoWindowHtml (WINDOW_HTML); }); marker , 'infowindowclose' , function ( ) { GEvent. AddListener (marcador, 'infowindowclose', function () { center , 2 ) ; . mapa recenterOrPanToLatLng (centro, 2); }); WINDOW_HTML ) ; . marcador openInfoWindowHtml (WINDOW_HTML); |
En el sitio web de la documentación completa cumple con todas nuestras necesidades, la utilización de marcadores especiales, JSON, Ajax y mucho más. Entre otras cosas, se pueden encontrar muchos ejemplos de ejemplos de código en línea. Una herramienta - gratis - para utilizar de inmediato!
No puedo dejarle entrar en el comic ... puedes tener más información en italiano o un ejemplo de cómo hacerlo?
gracias
@ Villa Centopino: el ejemplo se muestra en el Post. ¿Qué problema que tiene exactamente? Por algún error?
¡hola
He insertado el cómic no es copiar y pegar, sin errores ...
Sin embargo, sin dejar de mirar lo resolví
hola y gracias
es posible deducir la latitud y longitud del nombre de la ciudad y la carretera?
[...] Esta vez puedo responder a un comentario de un post, dado el interés general. Armando me preguntó si era posible, a través de Google Maps, Latitude y Longitud obtener de [...]
Hola,
Me vendría bien una mano.
Me gustaría que mi comic ya se muestra sin tener que hacer un clic con el ratón.
También me gustaría que el cómic contiene las opciones "encuentra el camino hacia aquí y aquí."
Y "una semana sbattola cabeza, dame un favor manoper.
Gracias y hasta pronto
¡Gracias!
Hola a todos yo quería preguntar por qué no puedo ver la dirección markatore Mitrova y no la dirección ...
2
....
Yo escribí la siguiente manera:
2
3
4
5
"load(); onload = carga "();
showAddress ('Camino Portichina, LU 20 55049 Viareggio, Italia'); "
"GUnload();" onunload = "GUnload ();"
......
¡muchas gracias
[...] Cómo agregar Google Map en su 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 "[...]
[...] Ejemplo, en el recuerdo de este escrito sigue siendo uno de los post mas vistos Cómo insertar mapas de Google en su propia web, con 17.410 visitas. Si usted tiene productos o servicios relacionados con Google Map, o al menos que [...]
Hej!
Hasta det är här helt ny med API de Google Maps.
Jag önskar Hjälp med att FA på plats de-kod som krävs Bitar. Följande önskar jag uppnå.
Har en webbsida dar un fyller mano Lite uppgifter Dar suave annat dirección, stad och tierra. Hombre klickar "enviar" och SA Todos los datos Lagras klart la linea databas.
Min önskan, att man är nu på en visningssida skall kunna Klicka och på en databasen los hämtas Mensaje Do toda la información och på visas en sida. Det som jag önskar skall ske, att visas karta en är dar una mano har en liten pin-punto justo på den dirección, ort tierra och för den som var registrerad Posten.
HUR går för att jag tillväga Skapa que enkelt och bra på ett satt.
Skriver jobbar mot och Lite PHP MySQL.
Tacksam ujeres någon önskar hjälpa okunnig själ!
-Andreas
@ Andreas Andreas querida, puedes escribir tu pregunta en Inglese?
@ Giovan Battista Fazioli:
Hola!
Son completamente nuevos en esto con la API de Google Maps.
Quiero ayudar a conseguir en su lugar el código de bits según sea necesario. A continuación, me gustaría lograr.
Tener un sitio web donde se rellena algunos datos que, entre otras cosas, la dirección, ciudad y país. Se hace clic en "Enviar" y toda la información almacenada en una base de datos Claramente sabe.
Que ahora es mi deseo en una página de pantalla es hacer clic en una entrada en la base de datos y recuperar todos los datos y se muestran en una página. Lo que espero que suceda es que el mapa muestra donde se tiene una punta de alfiler pequeño justo en la dirección, la ciudad y el país que se registró para el puesto.
¿Cómo hago para crear de una manera sencilla y útil.
Escribe un poco de PHP y trabaja con MySQL.
Agradecería cualquier persona que desee ayudar a un alma ignorante!
-Andrew
@ Darío: ver geocodificación inversa. Mirando a la fuente de la página se encuentra el código que necesita, comunqueq es decir, el "núcleo" de la solución es:
Añadir un escucha para interceptar el clic y crear un objeto
GClientGeocoder:2
GClientGeocoder ( ) ; GClientGeocoder geocodificador = new ();
El controlador del clic utilizando el objeto
GClientGeocoderpara recuperar la información del lugar de partida de latitud y longitud:2
3
4
5
6
latlng != null ) { if (LatLng! = null) {
address = LatLng;
latlng , showAddress ) ; geocodificador. getLocations (LatLng, showAddress);
}
}
Entonces, finalmente, el controlador
showAddressmostrará los detalles del lugar a través deplace.address¿Se pregunta si se puede encontrar un sitio que actúa por el contrario, es decir, entrar en las coordenadas se puede encontrar el lugar.
Hola a todos!
Pido a la mano de expertos, porque me encontré con un problema que no puedo arreglar ... Me explico:
Yo uso el API de Google Maps para hacer una navegación y mapa ampliable con extensión. Georeferenciada tiff que es! Me pareció que las instrucciones con el que en primer lugar me di cuenta de que mi imagen se debe dividir en las baldosas, sólo en los recursos que he encontrado se dice que usted puede hacer esto con Photoshop o Paint Shop Pro (o algún otro pequeño programa , creo) pero me dice cómo ... y yo estoy atrapado en este momento!
Por favor ... ayúdame, necesito!
Ola estou Querendo pass mapa meu, ja Feito em Google Earth y Google Maps Api para, para Poder ter a Visão em meu blog de um Igual en Google Earth, em locales meu computador. Si esto y Posivel, mas de Como desconhesco fazerlo. Poderiam dame Algumas dicas de Como fazer, o las ondas de adquirir sándalo exemplo.
Meu Temor ter Que es recadastrar cadastrado tudo em mapa meu, Todos punto os espera.
Grateful pela ajuda.
Claudio G. Pagliaro
cgpagliaro.arroba.gmail.com
Hola a todos, tengo un problema, he creado el código API para insertar los mapas de Google en mi sitio. En las obras locales sin problemas, pero una vez que inserto ke en Internet e ir a visitar la página en la que tengo se inserta el mensaje ke el servidor API rechazó su solicitud y eso es debido a que el código de la API no es válido, ya que genera para otro sitio . ¿Qué debo hacer?
@ Enrico beb: se puede regenerar la clave! O mejor! Si ha utilizado "local", como usted dice, se han generado una clave para un host que no sea en línea? En la práctica, hay que generar una clave dependiendo del servidor en el que se utiliza.
[...] Es muy trivial. Vamos a ver la base de script para integrar el procedimiento normal para inscribir el sitio en el mapa google. Primero vemos cómo convertir la publicidad tradicional y la barra de herramientas [...]
[...] En Adobe Flash, puede utilizar una amplia gama de API externa proporcionada por los servicios web como Facebook, Twitter o Flickr. En este tutorial veremos cómo integrar, en una muy simple, los servicios de Google Maps en una película / aplicación Adobe Flash CS4. Declaro que el procedimiento para utilizar Google Maps en Flash es muy similar a lo que ocurre en HTML / JavaScript (para más detalles consulte Cómo agregar Google Map en su web). [...]
[...] Ha lanzado la API - en Javascript - para introducir sus mapas en cualquier sitio web Viediamo cómo lograr lo mismo con [...]
Perdone, ¿sabe usted cómo eliminar google escrito "préstamos"?
Tengo un mapa que se muestra como un híbrido, pero es bastante pequeño, por lo que el texto debe estar en superávit, y es gráficamente feo.
Tengo un problema, utilice Flash CS5 en Windows 7, he descargado el archivo zip, copié el componente a la posición especificada, pero el flash no lo encuentro en los componentes de la biblioteca .. También si hago doble clic en el componente, Flash intenta importarlo pero en un momento dice "formato de archivo inesperado".
que podría ser el problema?
@ Alfa: Nunca he usado Flash en mi vida, así que puedo estar equivocado, pero eso es un código Javascript, no Actionscript.
@ Wpae:
Archivo Zip de la que usted habla? Este artículo explica cómo utilizar mapas con Javascript, quizás en referencia a otro artículo?
Hola, quería preguntar si era posible, de alguna manera, cambiar los botones feos! Tal vez con imágenes ajustadas por nosotros ...
@ Mariano: Yo no creo que sea posible ... tal vez usted puede hacer es no visualizarli y crear sus haciéndole hacer lo mismo utilizando el API, debe verificarse si.
Hola,
Cómo saber si la versión gratuita de mapas que hay un límite a las llamadas de un sitio web específico a Google Maps?
¡Gracias!
Chiara
Hola, yo escribí este código, pero ahora quiero importar la nube tal y como aparece en Google Map. Vi un post similar aquí para siempre, pero no puedo entrar en el código correctamente, probablemente porque lo introduzco en el lugar equivocado.
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
google . maps . Map ; ... com importación google maps Mapa;
google . maps . MapEvent ; ... com importación google maps MapEvent;
google . maps . MapType ; ... import com google maps mapType;
google . maps . controls . ZoomControl ; ... com importación google mapas controles ZoomControl.;
google . maps . controls . PositionControl ; ... com importación google mapas controles PositionControl.;
google . maps . controls . MapTypeControl ; .. importación com Google Maps controles. MapTypeControl.;
google . maps . overlays . MarkerOptions ; ... com importación google mapas superposiciones MarkerOptions.;
google . maps . overlays . Marker ; ... com importación google mapas superposiciones marcador.;
google . maps . InfoWindowOptions ; ... com importación google maps InfoWindowOptions;
google . maps . MapMouseEvent ; ... com importación google maps MapMouseEvent;
: Map = new Map ( ) ; var mapa: mapa = new Mapa ();
key = "ACfg....." ; . mapa de teclado = "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 { función onMapReady (event: MapEvent): void {
setCenter ( new LatLng ( 45.97553673095479 , 12.229607105255127 ) , 16 , MapType . NORMAL_MAP_TYPE ) ; . mapa setCenter (nueva LatLng (45.97553673095479, 12.229607105255127), 16, mapType NORMAL_MAP_TYPE.);
addControl ( new ZoomControl ( ) ) ; . mapa AddControl (nueva ZoomControl ());
addControl ( new PositionControl ( ) ) ; . mapa AddControl (nueva PositionControl ());
addControl ( new MapTypeControl ( ) ) ; . mapa AddControl (nueva MapTypeControl ());
Marker = new Marker ( new LatLng ( 45.97553673095479 , 12.229607105255127 ) ) ; var marcador: Marker Marker = new (nuevo LatLng (45.97553673095479, 12.229607105255127));
addOverlay ( marker ) ; . mapa addOverlay (marcador);
}
Me estoy volviendo loco!
@ Vanessa_Megg: Línea 17:
Veo un error ... que utilizó una coma en lugar de un período ... pero no sé si eso es lo que te da problemas. Tiene algo más de información?
@ Giovan Battista Fazioli:
Bien, ahora el código funciona. Pero mi pregunta era una 'cosa: si usted puede importar la nube de Google Map textualmente, con todas las direcciones y en archivos flash .. He visto a muchos que han preguntado por ahí, pero no encontró ninguna solución a la cosa ... :/
@ Vanessa_Megg: si por "nube" te refieres a lo cómico, el que tiene la información sobre el lugar indicado, no se puede "extrapolar" del componente de Flash. Lo que podría hacer, si yo entiendo sus necesidades, "leer" la información y proponer a otra parte. Además, como se puede ver en el código anterior, el contenido de la "historieta" se genera en HTML:
. A través del método
openInfoWindowHtmlpuestos a disposición por elmarker. Lo que no puedo entender es cuando usted dice "importar la nube de Google Map textualmente, con todas las direcciones y, en archivos flash .."@ Giovan Battista Fazioli: Hello! Bueno, yo tengo el mismo problema. He creado la clave de API con la dirección del sitio donde se pueda. Si la página que miro local me muestra el mapa (que no debería) en línea en vez me dice que la clave API que está mal. Sigo a repetir el procedimiento, pero nisba! Yo soy, como, a dos horas en un mapa google ... no puedo más
@ Igor: los problemas encontrados con Adobe Flash pueden 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 (sólo obras).
@ Darío - se puede ver un ejemplo aquí: http://www.fight4fun.it/ clic en el elemento: MAPS
Espero que ayuda ...