So fügen Sie Ihrer Website Google-Routen hinzu

Als IT-Experte zeige ich Ihnen, wie Sie Google Routes zu Ihrer Website hinzufügen. Auf diese Weise können Ihre Besucher von überall aus eine Wegbeschreibung zu Ihrem Standort erhalten. Zuerst müssen Sie einen Google Maps-API-Schlüssel erstellen. Sie können dies tun, indem Sie zur Google Developers Console gehen und ein neues Projekt erstellen. Nachdem Sie ein Projekt erstellt haben, klicken Sie auf den Link „APIs aktivieren und verwalten“, suchen Sie die „Maps Embed API“ und aktivieren Sie sie. Als Nächstes müssen Sie den Code für das Google Routes-Widget abrufen. Sie finden diesen Code, indem Sie zur Google Maps Embed API-Seite gehen und auf die Schaltfläche „Code abrufen“ klicken. Kopieren Sie den Code und fügen Sie ihn in den HTML-Code Ihrer Website ein. Schließlich müssen Sie Ihrer Website den folgenden Code hinzufügen, um das Widget anzuzeigen: Ersetzen Sie „YOUR_API_KEY“ durch den zuvor erstellten API-Schlüssel und „Your+Destination“ durch die Adresse Ihres Standorts. Speichern Sie Ihre Änderungen und Sie sind fertig! Ihre Besucher können jetzt von überall auf der Welt eine Wegbeschreibung zu Ihrem Standort erhalten.

Wenn du wissen willst So fügen Sie Ihrer Website Google-Wegbeschreibungen hinzu Dann lesen Sie diesen Beitrag. Google Maps ist am beliebtesten digitaler Kartendienst Weltweit. Es verwendet Echtzeit-Verkehrsinformationen, um die beste Route zu einem bestimmten Ziel zu finden. Einbetten einer Google Map zu Ihrem Blog oder Ihrer Website hilft Ihren Besuchern, Ihren Standort auf einer Weltkarte zu sehen, Ihre Adresse zu sehen und Bewertungen (falls vorhanden) zu lesen. Während Sie mit dem einzigartigen Google Maps-Einbettungscode-Generator ganz einfach eine Karte in Ihre Website einbetten können, können Sie diese Karte nicht als Navigationstool verwenden, um Ihren Besuchern zu helfen, den Weg zu Ihrem Standort zu finden. In diesem Beitrag zeigen wir Ihnen, wie Sie Google Maps verwenden, um Ihren Besuchern Wegbeschreibungen anzuzeigen.

Wir werden uns die folgenden 2 Methoden ansehen, durch die Sie können Fügen Sie Ihrer Website Google-Wegbeschreibungen hinzu :

Fügen Sie eine statische Google-Karte ein und verwenden Sie das HTML-Formular, um die Kartenroute anzuzeigen
Verwenden Sie den iFrame-Kartengenerator

Sehen wir uns diese Methoden im Detail an.

1] Fügen Sie eine statische Google-Karte ein und verwenden Sie ein HTML-Formular, um die Route der Karte anzuzeigen.

Diese Methode umfasst 2 Schritte. Schritt 1 - Einbetten statisch Google-Karte, die Ihren genauen Standort anzeigt. Schritt 2 ist das Hinzufügen eines HTML-Formulars, das den Standort des Benutzers akzeptiert und eine Routenkarte für ihn auf Google Maps generiert. Mal sehen, wie das gemacht werden kann.

A] Betten Sie die Google-Karte auf Ihrer Website ein

Starten Sie Ihren Browser.
offen Google Maps in einem neuen Browser-Tab.
Geben Sie Ihre Adresse in die Suchleiste von Google Maps oben links ein.
Wählen Sie einen Standort aus der angezeigten Ergebnisliste aus.
Notiz: Wenn Sie Ihre Adresse nicht finden können, vergrößern Sie Google Maps, um sie zu verfolgen. Sie können Google Maps Street View-Panoramen verwenden, um Ihren Standort auf einer Karte zu markieren. Sobald Sie ihn gefunden haben, können Sie Ihre korrekten Adressdaten mithilfe der Optionen „Fehlenden Standort hinzufügen“ oder „Ihr Unternehmen hinzufügen“ eingeben und Ihren Standort dann zur Überprüfung an Google senden. Es wird innerhalb weniger Stunden nach dem Absenden der Anfrage hinzugefügt.
Wenn Google Maps Ihren genauen Standort anzeigt, klicken Sie auf das Symbol Aktie Symbol.
Wechseln zu Betten Sie eine Karte ein Tab
Drücken Sie HTML kopieren Link, um den Kartencode in Ihre Zwischenablage zu kopieren. Sie können entscheiden, wie groß oder klein die Karte auf Ihrer Website erscheinen soll, indem Sie eine vordefinierte Größe (klein, mittel, groß) auswählen oder eine benutzerdefinierte Größe eingeben.
Gehen Sie dann zum Admin-Bereich Ihrer Website.
Öffnen Sie die Webseite, auf der Sie die Karte einbetten möchten.
Wechseln Sie in die Code-Editor-Ansicht.
Fügen Sie den Code ein.
Beenden Sie den Code-Editor. Sie können eine Vorschau von Google Maps sehen.

B] Verwenden Sie ein HTML-Formular, um eine Navigationsroute auf Google Maps zu erstellen.

Kehren Sie zur Ansicht des Code-Editors zurück.
Fügen Sie den im folgenden Bild gezeigten Code unter dem Google Map-Code hinzu:
Ersetzen Sie den im Bild hervorgehobenen Zieladressenwert durch die Adresse Ihres Standorts.
Verlassen Sie die Code-Editor-Ansicht.
Zeigen Sie eine Vorschau des Codes an und überprüfen Sie, ob er funktioniert, indem Sie eine Adresse in das Feld „Adresse eingeben“ hinzufügen und auf die Schaltfläche klicken Zeig mir die Richtung, in die ich gehen soll Taste.
Die obigen Schritte sollten Strecke anzeigen von der eingegebenen Adresse zu Ihrem Standort auf Google Maps.
Wenn alles in Ordnung ist, dann können Sie Veröffentlichen der Code.

2] Verwenden Sie den iFrame-Kartengenerator

Starten Sie Ihren Browser.
offen Kostenloser HTML-Kartengenerator in einem neuen Browser-Tab.
Geben Sie Ihre Adresse ein Geben Sie Ihre Adresse ein Suchfeld auf der linken Seite.
Ihr Standort wird auf Google Maps auf der rechten Seite des Bildschirms angezeigt. Sie können den Kartentyp, Zoomabstand, Breite oder Höhe einstellen. Sie können die Karte auch responsiv machen, indem Sie auf die Umschaltfläche neben klicken Gestalten Sie die Karte responsiv Möglichkeit.
Klicke auf HTML-Code generieren Knopf unter.
Der Code wird angezeigt. Drücken Sie auf Code in die Zwischenablage kopieren Taste.
Melden Sie sich im Admin-Bereich Ihrer Website an.
Öffnen Sie die Seite, auf der Sie die Karte platzieren möchten.
Wechseln Sie in die Code-Editor-Ansicht.
Fügen Sie den Code ein.
Beenden Sie den Code-Editor.
Klicke auf Vorschau Taste. Die Kartenvorschau wird angezeigt.
Klicke auf Richtungen Symbol.
Google Maps wird mit Ihrer vorausgefüllten Adresse als Ziel geöffnet.
Geben Sie die Startadresse ein. Sie können auch verwenden Ihr Standort Option, um Google Maps zu erlauben, Ihren aktuellen Standort zu verwenden.
Die Routenkarte wird angezeigt.
Wenn alles gut funktioniert, Veröffentlichen Buchseite.

Auf diese Weise können Ihre Besucher Ihren Standort auf Google Maps sehen, das in Ihre Website eingebettet ist, und eine Wegbeschreibung von ihrem Standort zu Ihrem finden. Ich hoffe, Sie finden diesen Beitrag hilfreich. Lassen Sie uns in den Kommentaren wissen, wenn Sie Fragen haben.

Lesen Sie auch: Die besten Google Maps-Alternativen für den täglichen Gebrauch.

Kann ich Google Maps zu meiner Website hinzufügen?

Ja, Sie können Google Maps zu Ihrer Website oder Ihrem Blog hinzufügen. mit dem Google Embed Code Generator oder dem kostenlosen Google HTML Map Generator. . Mit beiden Optionen können Sie eine Google-Karte einbetten, die Ihre Adresse mit einem roten Ball anzeigt, obwohl es einen kleinen Unterschied zwischen den beiden gibt. Während ersteres es Ihnen ermöglicht, eine statische Karte einzubetten, die es Ihren Besuchern ermöglicht, Ihren genauen Standort, nahe gelegene Sehenswürdigkeiten usw. zu sehen, bietet letzteres die Möglichkeit Richtungen eine Funktion, die eine vollständige Routenkarte erstellt, die sie verwenden können, um Wegbeschreibungen zu Ihrem Standort zu finden. Je nach Bedarf können Sie eine dieser Optionen verwenden, um Google Maps zu Ihrer Website oder Ihrem Blog hinzuzufügen.

Wie erhalte ich den Google Maps-Einbettungscode?

Den Google Maps-Einbettungscode zu erhalten, ist ziemlich einfach. Öffnen Sie einfach Google Maps in einem neuen Tab in Ihrem Browserfenster und geben Sie Ihre Adresse in die verfügbare Suchleiste ein. Wenn Maps Ihre Adresse auswählt und anzeigt, klicken Sie auf das Symbol Aktie Symbol. Klicken Sie im Freigabefenster auf die Schaltfläche Betten Sie eine Karte ein Registerkarte Klicken Sie dann auf HTML kopieren Der Link wird in der oberen rechten Ecke angezeigt. Das ist alles! Sie können auch auf das Menü (Hamburger-Symbol) von Google Maps klicken und auf das Symbol klicken Teilen oder betten Sie eine Karte ein Möglichkeit. Eine andere Möglichkeit, diesen Code zu erhalten, ist der Free HTML Maps Generator (Maps iFrame Generator), wie in Methode 2 im obigen Beitrag beschrieben.

Weiterlesen: Die besten Google Maps-Tipps und Tricks, um Sie zum Profi zu machen.