Web2.0 bedeutet auch Software über API (Application Programming Interface) verteilt. Die Fähigkeit zur Nutzung Features und Funktionen anderswo Fernbedienung ist äußerst nützlich, in der Realität wie das Internet. Neben Yahoo, mit seinem Toolkit 2.0 Stil, auch Google - im & Georeferenzierung - bietet seinen kostenlose Tools, in diesem Fall für die Bearbeitung und Verwaltung von Karten.
Google Maps API können Sie Google Maps in ihre eigenen Web-Seiten mit Javascript einzufügen.
Das erste, was zu tun, bevor Sie experimentieren mit der API kann man auf der Website registrieren http://www.google.com/apis/maps/ um einen Schlüssel (UID) auf dem Gelände der Nutzung bekommen. In der Tat ist für jede Web-Taste erforderlich!
Google bietet, ist ein kostenloser Service, dass ein Enterprise-Lösungen für Intranet und nutzt fortschrittliche - siehe: Google Maps für Unternehmen
Die kostenlose Version allerdings schon löst alle möglichen Bedürfnisse. Ausgezeichnet mit dem Schlüssel wird automatisch eine Übersichtsseite mit einem Javascript-Code Probe vorgeschlagen. Der erste Schritt ist, um Längen-und latidudine der Bereich, den Sie sich ansehen möchten abzurufen.
1 2 3 4 5 6 | ShowMap function () { GBrowserIsCompatible ( ) ) { if (GBrowserIsCompatible ()) { new GMap2 ( document. getElementById ( "map" ) ) ; var map = new GMap2 (document. getElementById ("Karte")); new GLatLng ( 37.4419 , - 122.1419 ) , 13 ) ; . setCenter Karte (neu GLatLng (37,4419 - 122,1419), 13); } } |
Der Beispielcode ist ganz einfach. presente sulla pagina, in questo caso un DIV con id="map" . Es wird sull'instanza einer Klasse basierend GMap2() mit einem DIV auf der Seite, in diesem Fall ein DIV mit id="map" .
Die komplette API-Dokumentation liefert dann weitere Nahrung für die Anzeige, wie die Einstellung der Hybrid-Ansicht - Sat / map - die Aktivierung der Kontrollen für Zoom und Bewegung, die Fähigkeit, eine Verbindung zu einem "funny" mit einem benutzerdefinierten Display.
Ein Weg, um eine Reihe von Prüfungen zu aktivieren:
1 2 3 4 5 6 | new GMap2 ( document. getElementById ( "map" ) ) ; var map = new GMap2 (document. getElementById ("Karte")); new GLatLng ( 37.4419 , - 122.1419 ) ; var = new Zentrum GLatLng (37,4419 - 122,1419); center , 17 , G_HYBRID_MAP ) ; // Mappa ibrida Karte. setCenter (Mitte, 17, G_HYBRID_MAP) / / Hybrid-Karte new GMapTypeControl ( ) ) ; . AddControl Karte (neu GMapTypeControl ()); new GLargeMapControl ( ) ) ; . AddControl Karte (neu GLargeMapControl ()); new GScaleControl ( ) ) ; // Zomming Karte. AddControl (neu GScaleControl ()) / / zomming |
Sie können auch direkt eine GMarker ein "comic strip" mit zusätzlicher Beratung und nicht auf Mausklicks reagieren.
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> Versuchen My Name </ strong> <br /> Via Roma, 100 <br /> 00100 - Rom, Italien </ div> <div class = "menu" > <a Lernen Sie uns </ a> </ div> '; new GMarker ( center ) ; var marker = new GMarker (Mitte); marker ) ; . addOverlay Karte (Marker); marker , 'click' , function ( ) { Gevent. AddListener (Marker, 'click', function () { WINDOW_HTML ) ; . Marker openInfoWindowHtml (WINDOW_HTML); }); marker , 'infowindowclose' , function ( ) { Gevent. AddListener (Marker, 'infowindowclose', function () { center , 2 ) ; . recenterOrPanToLatLng Karte (Mitte, 2); }); WINDOW_HTML ) ; . Marker openInfoWindowHtml (WINDOW_HTML); |
Auf der Website die vollständige Dokumentation erfüllt alle unsere Bedürfnisse, die Verwendung von speziellen Markern, JSON, Ajax und vieles mehr. Unter anderem finden Sie viele Beispiele für Code-Beispiele online. Ein Werkzeug - kostenlos - sofort einsatzbereit!
Ich kann ihn nicht geben den Comic ... Sie können mehr Informationen in italienischer oder ein Beispiel, wie man zu tun haben?
Dank
@ Villa Centopino: Das Beispiel ist in der Post gezeigt. Welches Problem Sie genau mit? Durch einen Fehler?
hallo
Ich habe den Comic ist nicht das Kopieren und Einfügen, kein Fehler ...
Jedoch weiterhin schaue ich gelöst
Hallo und vielen Dank
ableitbar ist Breiten-und Längengrad von dem Namen der Stadt und der Straße?
[...] Dieses Mal habe ich auf einen Kommentar mit einem Beitrag zu antworten, da das allgemeine Interesse. Armando fragte mich, ob es möglich sei, durch Google Maps, Latitude und Longitude aus erhalten [...]
Hallo,
Ich könnte eine Hand.
Ich wünschte, mein Comic wurde bereits ohne den Klick mit der Maus zu tun angezeigt.
Auch ich wünsche dem Comic enthält die Optionen "findet den Weg ins hier und hier."
Und "eine Woche haben wir sbattola Kopf, gib mir ein manoper Gunsten.
Vielen Dank und bis bald
Vielen Dank!
Hallo, ich wollte mal fragen, warum nicht ich die markatore Mitrova Adresse und nicht die Adresse zu sehen ...
2
....
Ich schrieb wie folgt aus:
2
3
4
5
"load(); onload = "load ();
showAddress ('Straße Portichina, LU 20 55049 Viareggio, Italien'); "
"GUnload();" onunload = "GUnload ();"
......
ich danke Ihnen sehr
[...] Wie man Google Map in Ihrem Web hinzuzufügen - heyos_ad_user = 8748; 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 "[...]
[...] Beispiel, in der Erinnerung des Schreibens dieses Artikels bleibt eine der am häufigsten betrachteten Beitrag How to Google Maps in ihre eigenen Web einzufügen, mit 17410 Ansichten. Wenn Sie Dienstleistungen oder Produkte im Zusammenhang mit Google Map, oder zumindest, dass [...]
Hej!
Bis det här är helt ny med. Google Maps API.
Jag önskar Hjälp med på att få flicht de-kod som bitar krävs. Följande önskar jag uppnå.
Har en webbsida geben eine Hand fyller die lite uppgifter Dar fad annat Adresse, stad och Land. Man klickar "Eintragen" och SA Alle Informationen Lagras klart das en databas.
Min önskan, att Mann är nu på en visningssida skall Kunna Klicka på en och databasen die Post zu tun hämtas alle Informationen och på en sida Visa. Det som jag önskar skall ske, är att en Karta Visa geben eine Hand har en liten pin-point nur på Höhle Adresse, ort Land och som var für Den registrerad posten.
HUR går för att jag tillväga Skapa dass enkelt och bra på ett satt.
Skriver jobbar mot och lite PHP MySQL.
Tacksam om en någon önskar hjälpa okunnig själ!
-Andreas
@ Andreas: Andreas lieben, können Sie schreiben Ihre Frage in Englisch?
@ Giovan Battista Fazioli:
Hallo!
Sind völlig neue, dies mit der Google Maps API.
Ich möchte helfen, ihren Platz erhalten den Code-bit, wie gebraucht. Im folgenden möchte ich erreichen.
Haben Sie eine Website, wo Sie in einigen Daten zu füllen, die unter anderem, Adresse, Stadt und Land. Sie klicken auf "Eintragen" und alle Informationen in einer Datenbank gespeichert klar wissen.
Das ist jetzt mein Wunsch auf einer Display-Seite ist es, auf einen Eintrag in der Datenbank und klicken Sie dann alle Informationen abgerufen und auf einer Seite. Was ich hoffe geschehen wird, ist, dass eine Karte, wo Sie einen kleinen Pin-Point nur an die Adresse, Stadt und Land, die für den Posten registriert haben zeigt.
Wie gehe ich um diese in eine einfache und sinnvolle Weise zu erstellen.
Schreibt ein wenig PHP und MySQL arbeitet gegen.
Dankbar, wenn alle, die ein ignorant Seele zu helfen!
-Andrew
@ Dario: siehe Reverse Geocoding. Ein Blick in den Quelltext der Seite Sie den Code, den Sie finden, comunqueq ist, der "Kern" der Lösung ist:
Fügen Sie einen Listener den Klick abfangen und erstellen Sie ein Objekt
GClientGeocoder:2
GClientGeocoder ( ) ; GClientGeocoder Geocodierer = new ();
Der Handler des Click mit dem Objekt
GClientGeocoder, um die Informationen von dem Ort ab Breiten-und Längengrad abzurufen:2
3
4
5
6
latlng != null ) { if (LatLng! = null) {
Adresse = LatLng;
latlng , showAddress ) ; . Geocodierer getLocations (LatLng, showAddress);
}
}
Dann, endlich, der Hundeführer
showAddresswird die Angabe des Ortes, durch zeigenplace.addressWundern Sie sich, wenn Sie eine Website, die im Gegenteil, das heißt, die Eingabe der Koordinaten den Ort finden fungiert finden.
Hallo an alle!
Frage ich die Hand von Experten, weil ich in ein Problem, dass ich nicht beheben lief ... Lassen Sie mich erklären:
Ich benutze die Google Maps API, um einen schiffbaren und zoombare Karte mit Verlängerung zu machen. Georeferenzierte tiff das ist! Ich fand die Anweisungen, mit denen ich vor allem erkannte ich, dass mein Bild in Kacheln aufgeteilt werden sollte, nur auf die Ressourcen, die ich fand es so können Sie dies mit Photoshop oder Paint Shop Pro zu tun (oder eine andere kleine Programm , denke ich), aber es sagt mir, wie ... und ich bin an diesem Punkt fest!
Bitte ... helft mir, ich brauche wirklich!
Ola estou Querendo Pass meu Karte, ja feito em Google Earth und Maps Api para, para poder ter zu visão em meu Blog igual um in Google Earth, lokale em meu computador. Wenn diese und Posivel, mas como desconhesco fazerlo. Poderiam mir Algumas dicas de como fazer oder Wellen beschaffen algum exemplo.
Meu temor ter que es recadastrar cadastrado Tudo em meu Karte, todos os Wartepunkt.
Grateful pela ajuda.
Claudio G. Pagliaro
cgpagliaro.arroba.gmail.com
Hallo alle, ich habe ein Problem, habe ich die API-Code von Google Maps in meine Website einfügen. In lokalen funktioniert ohne Probleme, aber sobald ich einfügen ke über das Internet und gehen Sie auf die Seite zu besuchen, wo ich die Nachricht eingefügt wird, weil es für einen anderen Standort erzeugt ke der API-Server Ihre Anfrage abgelehnt, und das ist, weil die API-Code ist nicht gültig zu bekommen . Was soll ich tun?
@ Enrico beb: Sie können den Schlüssel zu regenerieren! Oder besser! Wenn Sie "local" verwendet haben, wie Sie sagen, werden Sie einen Schlüssel auf einen anderen Hostnamen als Online generiert haben? In der Praxis muss man einen Schlüssel abhängig von der Server, auf dem Sie es verwenden zu generieren.
[...] Ist wirklich trivial. Mal sehen, das Skript Basis, um das normale Verfahren für die Aufnahme der Website in der Google Map integrieren. Wir zuerst sehen, wie der klassischen Werbung und dann die Symbolleiste [...] drehen
[...] In Adobe Flash können Sie eine breite Palette von externen APIs von Web-Dienste wie Facebook, Twitter oder Flickr zur Verfügung gestellt. In diesem Tutorial werden wir sehen, wie sich zu integrieren, in eine wirklich einfache, die Dienste von Google Maps in einem Film / Anwendung Adobe Flash CS4. Ich behaupte, dass das Verfahren zu Google Maps in Flash verwenden sehr ähnlich zu dem, was in HTML / JavaScript (Einzelheiten finden Sie unter Google Map in Ihre eigene Webseite hinzufügen). [...]
In Javascript -, - bis seine Karten in jeder Website Viediamo geben, wie man die gleiche Sache mit erreichen [...] [...] hat die API freigegeben
Entschuldigen Sie mich, wissen Sie, wie löschen google down "Darlehen" geschrieben?
Ich habe eine Karte als Hybrid gezeigt, aber es ist recht klein, so dass der Text in einen Überschuss sollte, und ist grafisch hässlich.
Ich habe ein Problem, verwenden Sie Flash CS5 auf Windows 7, die ich heruntergeladen habe die zip-Datei, kopierte ich die Komponente auf die angegebene Position, aber Blitz kann nicht finden, dass es in der Bibliothek Komponenten .. auch wenn ich Doppelklick auf die Komponente, versucht Flash zu importieren, aber an einer Stelle sagt er, "Unexpected file format".
wo könnte das Problem sein?
@ Alpha: Ich habe noch nie in meinem Leben Flash verwendet, so dass ich könnte falsch sein, aber das ist ein Javascript-Code, nicht Actionscript.
@ Wpae:
Zip-Datei von dem Sie sprechen? Dieser Beitrag erläutert, wie Sie Karten mit Javascript verwenden, vielleicht auf einen anderen Artikel?
Hallo, ich wollte fragen, ob es möglich war, in gewisser Weise, verändern diese hässlichen Tasten! Vielleicht mit Bildern von uns gesetzten ...
@ Mariano: Ich glaube nicht, dass es möglich ist ... vielleicht können Sie tun, ist nicht visualizarli und erstellen Sie Ihr macht ihn das gleiche tun mit der API, um aber überprüft werden.
Hallo,
Sie wissen, wenn die kostenlose Version von Nokia Maps gibt es eine Grenze, um Anrufe von einer bestimmten Website zu Google Maps?
Danke!
Chiara
Hallo, schrieb ich diesen Code, aber jetzt will ich die Wolke genau so, wie es in Google Map erscheint importieren. Ich sah einen ähnlichen Beitrag hier immer, aber ich kann nicht in den Code richtig, wahrscheinlich, weil ich es stecke in der falschen Stelle.
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 ; ... import com google maps Karte;
google . maps . MapEvent ; ... import com google maps MapEvent;
google . maps . MapType ; ... import com google maps mapType;
google . maps . controls . ZoomControl ; ... import com google maps Kontrollen ZoomControl.
google . maps . controls . PositionControl ; ... import com google maps Kontrollen PositionControl.
google . maps . controls . MapTypeControl ; .. import com google maps Kontrollen MapTypeControl..
google . maps . overlays . MarkerOptions ; ... import com google maps Overlays MarkerOptions.
google . maps . overlays . Marker ; ... import com google maps Overlays Marker.
google . maps . InfoWindowOptions ; ... import com google maps InfoWindowOptions;
google . maps . MapMouseEvent ; ... import com google maps MapMouseEvent;
: Map = new Map ( ) ; var Karte: Karte = neue Map ();
key = "ACfg....." ; . map key = "ACFG .....";
setSize ( new Point ( 562 , 458 ) ) ; . setSize Karte (neue Punkt (562, 458));
x = 350 ; Karte x = 350.
y = 150 , 05 ; Karte y = 150, 05.
addEventListener ( MapEvent . MAP_READY , onMapReady ) ; . Karte addEventListener (MapEvent. MAP_READY, onMapReady);
addChild ( map ) ; . diese addChild (Karte);
event : MapEvent ) : void { onMapReady Funktion (event: MapEvent): void {
setCenter ( new LatLng ( 45.97553673095479 , 12.229607105255127 ) , 16 , MapType . NORMAL_MAP_TYPE ) ; . setCenter Karte (neu LatLng (45,97553673095479, 12,229607105255127), 16, mapType NORMAL_MAP_TYPE.);
addControl ( new ZoomControl ( ) ) ; . AddControl Karte (neu ZoomControl ());
addControl ( new PositionControl ( ) ) ; . AddControl Karte (neu PositionControl ());
addControl ( new MapTypeControl ( ) ) ; . AddControl Karte (neu MapTypeControl ());
Marker = new Marker ( new LatLng ( 45.97553673095479 , 12.229607105255127 ) ) ; var marker: Marker = new Marker (neue LatLng (45,97553673095479, 12,229607105255127));
addOverlay ( marker ) ; . addOverlay Karte (Marker);
}
Ich werde verrückt!
@ Vanessa_Megg: Linie 17:
Ich sehe einen Fehler ... Sie verwendet ein Komma anstatt eines Punktes ... aber ich weiß nicht, ob das ist, was gibt Ihnen Probleme. Sie haben einige weitere Informationen?
@ Giovan Battista Fazioli:
Okay, jetzt funktioniert der Code. Aber meine Frage war ein 'anderes: wenn Sie die Wolke der Google Map wörtlich importieren konnten, mit allen Richtungen und in Flash-Dateien .. Ich habe viele, die haben schon gefragt, gesehen, aber keine Lösung gefunden, um die Sache ... :/
@ Vanessa_Megg: Wenn von "Wolke" Sie den Comic bedeuten, zeigte die man mit dem Informationen über den Ort, kann man nicht "extrapolieren" aus der Flash-Komponente. Was Sie tun können, wenn ich Ihre Bedürfnisse zu verstehen, Sie "lesen" die Informationen und schlagen sie woanders. Auch, wie Sie aus dem Code oben sehen können, ist der Inhalt des "Comic" in HTML generiert:
. Über das Verfahren
openInfoWindowHtmlVerfügung gestellt von dermarker. Was ich nicht verstehen kann, ist, wenn Sie sagen "importieren die Wolke der Google Map wörtlich, mit allen Richtungen und in Flash-Dateien .."@ Giovan Battista Fazioli: Hallo! Nun, ich habe das gleiche Problem. Ich habe die API-Schlüssel mit der Adresse der Website, wo es geht. Wenn die Seite guckt lokale zeigt mir die Karte (die nicht sollte) online anstatt sagt mir, dass die API-Schlüssel falsch ist. Ich fahre fort, um den Vorgang zu wiederholen, aber Nisba! Ich bin, wie zwei Stunden auf einer google map ... Ich kann nicht mehr
@ Igor: Die Probleme mit Adobe Flash angetroffen werden das Ergebnis der neuen Politik von Google sein. Aus irgendeinem ', in der Tat, ist nicht mehr notwendig, um einen Schlüssel zu erzeugen, der neue Google API nur mit dem Import (nur Werke) arbeiten.
@ Dario - Sie können ein Beispiel finden Sie hier: http://www.fight4fun.it/ Sie auf den Artikel: MAPS
Hoffe, dass Hilfe ...