<form action="http://maps.google.com/maps" method="get" target="_blank">
<label for="saddr">Enter your location</label>
<input type="text" name="saddr" />
<input type="hidden" name="daddr" value="350 5th Ave New York, NY 10018 (Empire State Building)" />
<input type="submit" value="Get directions" />
</form>saddr = leeres Eingabefeld für die STARTadresse
daddr = fest einprogrammierte ENDadresse
Geben Sie eine Adresse ein und drücken Sie auf den Button, dann öffnet sich ein Popup-Fenster mit Wegbeschreibungen. Geben Sie keine Adresse ein, und es öffnet sich nur eine Karte der ENDadresse.
Live-Demo
danke für diesen Schnipsel,
habe ihn gerade auf einer Seite verwendet, die ich für den Curling-Club pflege, an dem ich teilnehme. Er scheint wie am Schnürchen zu funktionieren und erfordert nicht viel Anpassung, um ihn zum Laufen zu bringen,
nette Ergänzung zur Liste
Al
Komisch, dass das GENAU das war, was ich heute gebraucht habe! Und ich habe nicht einmal danach gesucht…
– Danke!
Wie kann ich dies zu einem Button hinzufügen, der beim Anklicken das Formular aufpoppt?
Ich würde jQuery verwenden. Wickeln Sie dies in eine div mit der ID 'formpp' (für Formular-Popup) und versuchen Sie dann so etwas wie:
$(‘button.popup’).click(function(){
if($(‘#formpp’).is(‘:visible’)){
$(‘#formpp’).hide();
} else {
$(‘#formpp’).show();
}
});
Immer wenn Sie jetzt auf einen Button mit der Klasse 'popup' klicken, erscheint 'formpp', wenn er versteckt ist, oder er wird versteckt, wenn er sichtbar ist. Sie müssen sicherstellen, dass Sie jQuery in jedes Dokument importieren, an dem Sie arbeiten.
@Troy – Die Antwort auf Ihre Frage finden Sie hier.
Nach einer Woche Googeln habe ich JS zusammengestückelt. Nachdem ich es nicht zum Laufen bringen konnte, habe ich es auf Stackoverflow gepostet, und ein Mitwirkender hat netterweise die letzten Schliff vorgenommen. (Ich habe die Antwort als richtig markiert).
Ich kann es kaum erwarten, bis die Schule anfängt, damit ich aufhören kann, in Foren zu betteln und das Zeug wirklich zu lernen.
Hallo Chris und Leute!
Ich mag das Zeug sehr, aber ich frage mich eigentlich, ob ich es für kommerzielle Zwecke nutzen kann. Zum Beispiel für die Homepage eines Restaurants?
Weiß jemand, ob es ein Urheberrecht für das Google Maps-Zeug gibt?
Grüße aus Deutschland, Gourmador.
Das ist ein schöner Schnipsel, allerdings validiert er nicht mit W3C. Hier ist einer, der das tut
http://malevolent.com/weblog/archive/2005/05/01/add-google-maps/
Es ist fast identisch, aber es fehlen target="_blank" und die Eingaben sind in ein p-Tag eingeschlossen, um zu validieren.
Das ist gut, aber was ist, wenn wir Google Maps auf unserer Website verwenden?
Der Code, worum es bei den Wegbeschreibungen geht, ist nicht klar
Ich hoffe auf eine klare Lösung
Danke!
Es wäre toll, wenn man das aufpoppende GoogleMaps-Fenster in einer Lightbox öffnen könnte?
Prost!
Ja, gibt es eine Möglichkeit, die Ergebnisse in einem modalen Popup anzuzeigen?
Das ist wirklich großartig!
Ich benutze das einfach und es funktioniert gut in der Türkei.
Vielen Dank.
Danke, es war sehr hilfreich.
Wie kann ich die Entfernung in Kilometern anzeigen lassen?
Ich übermittle das Formular in einem iFrame mit dem Target-Attribut des Formulars.
Ich liebe diesen Artikel und diese Funktion! Ich werde sie definitiv auf allen Websites verwenden, die ich in Zukunft erstelle.
Danke :-)
Großartig! Danke.
cool… wirklich sehr cool… ich habe gerade Ihre Website durchgesurft und das hier gefunden… als Nächstes habe ich den Code in mein Notepad kopiert und genau das gefunden, was ich wollte… danke, dass Sie mich angeleitet haben…
Hallo, ich mag das Google-Navigationsformular, aber dem Formular fehlen Formularbezeichnungen, sodass es von einem Bildschirmleser nicht gelesen werden könnte.
Danke! Es ist großartig, das Wegbeschreibungs-Widget direkt auf einer Website zu haben, anstatt dass die Leute sich erst auf Google Maps zurechtfinden müssen.
Das war genau das, wonach ich gesucht habe. Vielen Dank fürs Teilen. Sie haben mir wirklich sehr geholfen.
Ich möchte, dass die Leute ihre Adresse in ein Textfeld eingeben, auf "Senden" klicken und die Ergebnisse auf meiner eigenen Seite angezeigt werden, anstatt direkt zu maps.google.com zu gehen. Ist das möglich?
Gibt es eine Möglichkeit, die Fahrtbeschreibungen auf meiner Website anzuzeigen, nachdem der Benutzer seine Adresse eingegeben hat?
Danke. Das ist großartig! Ich würde auch gerne wissen, wie ich die Ergebnisse der Wegbeschreibung auf meiner Webseite anzeigen kann, nachdem der Benutzer seine Adresse eingegeben hat. Genau wie auf dieser Webseite (ich weiß, sie ist auf Niederländisch, aber es ist die einzige, die ich gefunden habe) Danke
http://m.diks.nl/app/vind-ons/664589/2/
Schön, aber ich würde gerne wissen, wie es auf derselben Seite funktioniert, anstatt zur Google Maps-URL weitergeleitet zu werden. Ich suche eigentlich nach einer Karten-Such-API.
Hallo, ich versuche, diese Suchleiste zu verwenden, aber ich möchte das auf einer bestimmten Seite tun, die ich "Locate" genannt habe, aber ich schaffe es nicht, es so zu tun, es erscheint keine Suchleiste, in die ich Daten eingeben kann. Wie erstelle ich eine Suchleiste mit HTML, die ich auf diesen Seiten platzieren kann, die nur HTML akzeptieren?
Vielen Dank!
Ich liebe dich. Ernsthaft, immer tolle Infos. Danke!
Hat mir gerade eine Stunde gespart. Super.
Ich habe gerade die Demo ausprobiert – sie funktionierte einwandfrei, sagte aber "Flug nach London, Vereinigtes Königreich – New York, NY, Hin- und Rückflug 670 $".
Lohnt es sich, dafür zu bezahlen, dich zu besuchen, Chris? Haha ;)
Danke für das Posten dieses Schnipsels
saddr = leeres Eingabefeld für die STARTadresse
daddr = fest einprogrammierte ENDadresse
Ich hatte 2 Richtungsfelder und musste 2 weitere hinzufügen… aber die neuen funktionierten nicht.
Als ich genauer hinschaute, hatte der Editor eine '2' in den Code eingefügt
saddr2 = daddr2= was dazu führte, dass es kaputt ging… (es sind die kleinen Dinge, die zählen!)
Es funktioniert gut mit Dezimalgrad-Breiten- und Längengradwerten :)
… input type="hidden" name="daddr" value="40.7499839,-74.0180638" …
Perfekt, genau das, was ich brauchte. Danke.
@Raquel, ich verwende auch Längen- und Breitengradwerte. Aber wie zeige ich einen benutzerdefinierten Titel mit Längen- und Breitengradwerten an, da diese Werte im Titel angezeigt werden?
Sehr guter Beitrag! Vielen Dank
Super kleines Werkzeug – danke für den schönen einfachen Code zur Verwendung!
Weiß jemand, wie man es so ändert, dass der Benutzer Wegbeschreibungen vom aktuellen Standort aus erhalten kann, anstatt die Adresse einzugeben?
Ich liebe diesen Code, super hilfreich. Ich habe jedoch eine Frage. Gibt es eine Möglichkeit, den Code anstelle von http durch https zu machen? Ich möchte ihn auf einer https-Seite platzieren, und wenn ich auf dieser Seite bin, wird angezeigt, dass Sie Informationen an einen "unbekannten Drittanbieter übermitteln. Möchten Sie fortfahren?". Obwohl ich weiß, dass dieser Code nirgendwo hingeht, außer durch den Code, macht es den Leuten Angst, den Text aufpoppen zu sehen.
Ich habe meine eigene Frage beantwortet. Wenn Sie also eine Seite auf https betreiben und diesen Code ausführen möchten, ändern Sie einfach http im Code zu https://maps.google… und fahren Sie mit dem Rest des Codes wie gewohnt fort.
Solange der Benutzer den Link von einem Gerät aus anklickt, das den Standort bereitstellt (ein mit WLAN verbundenes Computer oder ein Smartphone mit autorisierten Standortdiensten), generiert das folgende URL-Schema automatisch Wegbeschreibungen, ohne dass Benutzer ihren aktuellen Standort eingeben müssen
https://www.google.com/maps/dir/CURRENT+LOCATION/1234+Address+Avenue+E,+City,+State+77840Durch die Einbeziehung des Strings
Current+Locationholt Google den aktuellen Standort und generiert Wegbeschreibungen (aufgerufen durch den Präfix/dir/) vom aktuellen Standort des Benutzers!Das ist ziemlich guter Code. Aber gibt es eine Möglichkeit, die Karte mit den Wegbeschreibungen in einem iFrame anstatt auf einer separaten Webseite anzuzeigen? Ich versuche schon seit einiger Zeit, sie in einem iFrame anzuzeigen, aber ohne Erfolg.
Vielen Dank im Voraus.
Hallo,
Ich bin neu in HTML, aber kennt jemand, wie man die Browser-Geolokalisierung als saddr verwendet?
danke