AllInfo

Fügen Sie Google Maps Wegbeschreibung zu Ihrer Website

Auch wenn es so viele mapping-Anwendungen und-services gibt, um Sie von Punkt A zu Punkt B, der endgültige König der Karten ist Google Maps. Ich benutze es auf meinem computer, tablet und 90% der Zeit auf meinem smartphone. Es hat die besten Daten, die navigation und routing-Optionen und Coole features wie Street View und Wandern, Radfahren und Nahverkehr-info.

Aber was, wenn Sie brauchen, um eine Karte oder Richtungen außerhalb der Google-website? Angenommen, Sie haben Ihre eigene Hochzeit website oder einen persönlichen blog und konnte die Gäste, die Ihre Website besuchen, geben Sie die Adresse Sie kommen aus und automatisch erhalten Sie eine Wegbeschreibung zum Veranstaltungsort!

Gut, es gibt ein paar Möglichkeiten, die Sie gehen können, über dies zu erreichen. Der einfachste Weg ist, einfach einbetten der Karte auf Ihrer Webseite mit dem embed-code generiert von Google Maps. Der zweite Weg ist ein wenig mehr technische, aber mehr anpassbare und dynamische. Ich erwähne beide Methoden unten.

Embed Google Map

Wenn Sie nur anzeigen wollen, Richtungen von einem Ort zum anderen, ist die einfachste Sache zu tun ist, um einzubetten, was auch immer Karte, die Sie anzeigen, verwenden Sie die embed-code. Erste, gehen Sie vor und setup-Richtungen, was Sie wollen, in Google Maps und klicken dann auf das ZAHNRAD-Symbol in der rechten unteren Ecke der Seite.

Klicken Sie auf Teilen oder einbetten der Karte und klicken Sie auf die Karte Einbetten tab. Hier können Sie wählen Sie die Größe Ihrer Karte und kopieren Sie die iframe-code und die Tropfen, die auf jeder Webseite, die Sie mögen.

Der einzige Nachteil an dieser Methode ist, dass der Benutzer sieht nur eine statische Karte. In der zweiten Methode unten, können Sie ein Formular erstellen, wobei der Benutzer kann in einer beliebigen Startadresse und erzeugt es eine Karte von dieser Adresse zu einem Ziel-Adresse Ihrer Wahl.

Erstellen, Google-Maps-Formular

Um zu veranschaulichen, was ich meine, durch die zweite Methode, gehen Sie vor und geben Sie eine US-Adresse in das Feld unten, um Wegbeschreibungen von Ihrem Standort aus zu meinem Haus:

Geben Sie Ihre Start-Adresse:

Cool huh? Sie können sehr einfach dieses kleine Formular auf jeder website, blog, oder überall können Sie einige HTML-code! Dies ist auch ideal für kleine business-Websites, wie Sie können, werfen Sie es auf Ihrer Kontakt-Seite und die Leute können sich eine Wegbeschreibung schnell, anstatt Sie zu kopieren, Ihre Adresse, öffnen Sie ein neues Fenster, und geben Sie dann Ihre Startadresse ein.

Also, wie erstellen wir diese geänderte Anfahrt-box? Also zuerst einmal, wir brauchen, um die richtige syntax für die URL, die Google verwendet, um eine Wegbeschreibung. Zum Glück können wir das herausfinden, indem man Richtungen zwischen zwei Orten und dann nur das kopieren der URL aus der Adressleiste. Sie können auch klicken Sie auf das kleine ZAHNRAD-Symbol in der unteren rechten Ecke der Seite und wählen Sie Teilen oder einbetten der Karte.

Den Teilen-link-Registerkarte enthält die URL, die die gleiche URL in der Adresszeile Ihres Browsers. Ich ‘ve Voraus gegangen, und klebte die gesamte URL unten, nur um Ihnen zu zeigen, wie es aussieht.

https://www.google.com/maps/dir/3600+Thorp+Federn+Dr,+Plano+TX+75025,+USA/ 854+Deerfield+Rd,+Allen+TX+75013,+USA/@33.1125686,-96.7557749,13 z/ data=!3m1!4b1!4m13!4m12!1m5!1m1!1s0x864c3d45018517a5:0xbabd3c91a1321997!2m2!1d-96.762484!2d33.08947!1m5!1m1! 1s0x864c16d3018a7f4f:0xab2052b5786cd29f!2m2!1d-96.666151!2d33.133892

Huch! Das ist ziemlich lang! Es gibt eine Menge Sachen drin, von denen die meisten keinen Sinn! Google Maps-URL-Parameter verwendet werden, um sehr einfach und leicht, aber die neue URL-Struktur ist ziemlich kompliziert. Zum Glück können Sie noch die alten Parameter und Google wandelt diese in die neue version automatisch. Um zu sehen, was ich meine, schauen Sie sich den link unten.

http://maps.google.com/maps?saddr=start&daddr=end

Gehen Sie voran und geben Sie ihm einen Schuss. Eine Adresse in Anführungszeichen ein, um die Start-und End-Adresse, und fügen Sie die URL in Ihren browser ein! Ersetzte ich beginne mit meiner Heimat-Stadt New Orleans und endet mit Houston, TX, so ist dies, was meine Google-Maps-Wegbeschreibung-URL sieht wie folgt aus:

http://maps.google.com/maps?saddr=”new-orleans, la”&daddr=”houston, tx”

Es funktioniert! Wie Sie sehen können, obwohl, Google Maps konvertiert die links in etwas viel komplizierter, sobald die Karte vollständig geladen. Ok, so, jetzt haben wir eine vernünftige URL, dann können wir auch in Google Maps, brauchen wir ein einfaches Formular mit zwei Felder, eins für die Start-Adresse und einer für die Ziel-Adresse.

Wenn Sie möchten, geben Sie einfach Ihre Adresse und eine Wegbeschreibung zu Ihrem Platz, dann werden wir wollen, dass der zweite Bereich, der ausgeblendet werden und bereits auf der Ziel-Adresse.

<form action=”http://maps.google.com/maps” method=”get” target=”_blank”>
Geben Sie Ihre Start-Adresse:
<input type=”text” name=”saddr” />
<input type=”hidden” name=”daddr” value=”854 Deerfield Rd, Allen, TX” />
<input type=”submit” value=”Anfahrt” />
</form>

Schauen Sie sich den code oben. Die erste Zeile beginnt form und sagt, dass wenn der submit-button geklickt wird, werden die Daten gesendet werden sollen maps.google.com/maps. Das Ziel=leer bedeutet, wir wollen das Ergebnis in einem neuen Fenster geöffnet. Dann haben wir ein text-Feld für die Startadresse, die leer ist.

Das zweite Textfeld wird ausgeblendet und der Wert der Zieladresse, die wir uns wünschen. Schließlich gibt es einen submit-button mit dem Titel “Get Directions”. Nun, wenn jemand Typen in Ihre Adresse, Sie bekommen dieses:

Sie können die Wegbeschreibung und die Karte auch nicht mehr mit ein paar zusätzlichen Parameter. Zum Beispiel, sagen wir, Sie wollen nicht die Standard-Ansicht werden Karten, sondern wollen es werden Satelliten – und show – Verkehr.

http://maps.google.com/maps?saddr=%22new+orleans,+la%22&daddr=%22houston,+tx%22&ie=UTF8&t=h&z=7&layer=t

Beachten Sie die layer=t und t=h – Felder in der URL. layer=t ist für die traffic-Ebene und t=h bedeutet hybrid-Karte! t kann auch so eingestellt werden, m für normal-map, k für Sat und p für Gelände. z wird der zoom-level und Sie können es ändern, von 1 bis 20. In der obigen URL die es auf 7 eingestellt. Nur tack diejenigen, die auf der endgültigen URL, und Sie haben jetzt eine stark angepasste Google-Maps-Anfahrt-Formular auf Ihrer Website!

Irgendwelche Probleme mit diesem post einen Kommentar und ich werde versuchen zu helfen! Genießen Sie!

Exit mobile version