So fügen Sie Bing Maps zu Ihrer WordPress-Website hinzu

Wenn Sie, aus welchen Gründen auch immer, nach einer Alternative zu Google Maps suchen, ist Bing Maps die richtige Wahl.

Sie fragen sich vielleicht, was der Unterschied ist, und die Antwort ist – nicht viel. Sowohl Bing als auch Google bieten genaue und korrekte Karten. Was will man mehr? Nun, zum einen bietet Bing eine höhere Auflösung, wodurch Bing Maps besser geeignet ist, sich an engen Stellen zurechtzufinden. Dies bedeutet auch, dass es für Desktop-Computer besser sein kann, wenn eine hohe Auflösung wirklich ins Spiel kommen kann.

Außerdem möchten einige Leute Google einfach vermeiden, wo immer sie können, und Microsofts Antwort auf Google Maps, die funktional sehr ähnlich ist, stellt die perfekte Lösung dar.

Es gibt zwei einfache Möglichkeiten, Bing Maps zu Ihrer WordPress-Website hinzuzufügen. Eine beinhaltet den eigenen Code-Generator von Bing und eine andere ein kostenloses Plugin und ein Bing-Konto. Wir zeigen Ihnen beides.

Lass uns anfangen!

So fügen Sie Bing Maps mit einem Einbettungscode hinzu

Das erste, was Sie tun müssen, ist zum Bing-Karten Website und suchen Sie den gewünschten Standort.

In dem Mehr Menü, finde das Karte einbetten Befehl.

Sie sehen eine neue Registerkarte, in der Sie die Karte anpassen können, die Sie einbetten möchten.

Wir belassen alle Optionen auf ihren Standardwerten, aber es genügt zu sagen, dass Sie hier mehrere Optionen haben. Sie können die ändern Kartengröße in beliebiger Größe und beliebigem Seitenverhältnis (mit mindestens 250 und maximal 800 Pixeln). Sie können auch die ändern Kartentyp hinein statisch, die möglicherweise etwas schneller als die Standardeinstellung geladen wird ziehbar, wodurch Ihre Besucher zoomen und schwenken können. Die Kartenstile Menü können Sie zwischen den Standardeinstellungen umschalten Straße und Antenne (Foto) Ansichten. Endlich können Sie umschalten größere Karte ansehen und Anweisungen bekommen Links.

Klicken Sie anschließend auf das Code generieren Taste.

Kopieren Sie den generierten Code, und Sie sind bereit.

Als Nächstes zeigen wir Ihnen, wie Sie diesen Code in einen Beitrag einbetten.

Wenn Sie das verwenden Gutenberg Blockeditor, das ist sehr einfach. Öffnen Sie einen Beitrag und klicken Sie auf das +-Zeichen, um einen Block auszuwählen. Wählen Sie das benutzerdefinierter HTML-Code Block.

Fügen Sie als Nächstes den generierten Code in Ihren Block ein.

Und Ihre Karte wird in Ihrem Beitrag erscheinen, ganz einfach!

Falls Sie verwenden Elementor, das Verfahren ist ähnlich. Wählen Sie einfach die Benutzerdefinierter HTML-Code Widget aus dem Menü auf der linken Seite, ziehen Sie es an die gewünschte Stelle auf der Seite und fügen Sie den Code ein, den Sie von Bing erhalten haben.

Und mit dem Klassisch Editor, es ist noch einfacher, auch wenn Sie etwas von der WYSIWYG-Qualität verlieren, die Elementor bietet: Stellen Sie sicher, dass Sie die Text Registerkarte ausgewählt, und fügen Sie den Code dann an der Stelle ein, an der er in einem Beitrag oder einer Seite angezeigt werden soll.

So fügen Sie Bing Maps mit einem Plugin hinzu

Das obige funktioniert hervorragend für eine einfache Karte. Angenommen, Sie sind von verschiedenen Standorten aus tätig oder möchten Pins oder Formen hinzufügen, um eine Bing-Karte zu Ihrer eigenen zu machen. All das und noch mehr können Sie mit einem Plugin tun. Wir machen Ihnen den Einstieg in eine der gängigeren – trotzdem eine gute Allround-Lösung.

Das Plugin, das wir verwenden werden, ist WP Bing Map Pro. Sie müssen es installieren und aktivieren. Wenn Sie sich nicht sicher sind, was ein WordPress-Plugin ist oder wie Sie ein WordPress-Plugin installieren und aktivieren, haben wir dafür Tutorials.

Anschließend müssen Sie ein Bing-Konto erstellen, um einen API-Schlüssel zu erhalten. Besuchen Sie dazu bingmapsportal.com und Einloggen.

Melden Sie sich mit Ihren Microsoft-Kontodaten an und klicken Sie auf Ja, lass uns ein neues Konto erstellen! Sie gelangen zum Formular Konto erstellen, das Sie mit Ihren Daten ausfüllen müssen, bevor Sie auf klicken Schaffen Taste. Nachdem Sie das Konto erstellt haben, navigieren Sie zu Mein Konto/Meine Schlüssel.

Sie müssen ein Anfrageformular ausfüllen, um einen Schlüssel zu erstellen. Sobald Sie dies getan haben, können Sie einen Schlüssel erstellen, indem Sie auf klicken Schaffen Taste.

Sie können es nun aus der folgenden Tabelle kopieren.

Als nächstes müssen Sie das Plugin konfigurieren. Verwenden Sie das Menü auf der linken Seite in Ihrem WordPress-Dashboard, um zu . zu navigieren WP Bing Map Pro/WP Bing Map Pro.

Das Plugin wird auf dem Kartenbildschirm geöffnet. Aber zuerst wollen wir einen Blick auf die Allgemeine Einstellungen Bildschirm. Sie müssen den kopierten Schlüssel in das API-SCHLÜSSEL Kästchen und klick Speichern.

Drücke den + , um eine Karte hinzuzufügen und sie zu benennen. Wir haben es benannt unsere Position. Dann klick Speichern.

Jetzt haben wir einen Shortcode für unsere Position. Wenn Sie diesen Shortcode in einen Shortcode-Block kopieren, wird eine Weltkarte gerendert. Wir müssen es also ein wenig eingrenzen. Angenommen, unser Standort befindet sich in der Nähe der Brücke vom 6. Oktober in Kairo, Ägypten. Wir beginnen mit der Bearbeitung der Karte, indem wir auf die Schaltfläche Bearbeiten klicken.

Wir werden die Karte schwenken und vergrößern, um unseren Standort zu finden. Sie können die Suchfunktion auf der Bing-Website verwenden, um dies für Ihren Standort zu tun, oder Sie können die Breitengrad des Kartenzentrums und Längengrad des Kartenzentrums Befehle. Wir fühlen uns Zoomen von 15 ist für uns angemessen.

Hier können Sie auch die Karte ändern Titel, die Dimensionen (Breite und Höhe) sowie zwischen den sechs Kartentypen wählen. Sobald dies erledigt ist, werden wir Speichern unsere Karte. Sie können das Bild der Karte auch in Ihre Zwischenablage kopieren, indem Sie auf klicken Schnappen Sie eine Kartenansicht Taste.

Wenn Sie Ihren Standort an die Karte anheften möchten, müssen Sie einen Blick auf den Bildschirm Pins werfen. Drücke den + unterzeichnen-Schaltfläche, um einen Pin hinzuzufügen.

Dann müssen Sie Ihren Pin bearbeiten, indem Sie ihm ein Pin-Name, eine optionale Die Anschrift (oder definieren Sie es mit den Koordinaten von Breite und Längengrad), wählen oder hochladen Symbol dafür, und Speichern es.

Um es auf Ihrer Karte anzuzeigen, gehen Sie zurück zum Karten Bildschirm und navigieren Sie dann zum Bearbeitungsbildschirm für unsere Position. Dort findest du die Karten-Pins Tab. Um einer Karte eine Stecknadel hinzuzufügen, suchen Sie die gewünschte Stecknadel (Hauptsitz in unserem Fall) und klicken Sie auf das Hinzufügen Symbol.

Sobald Sie zum zurückkehren Karte Registerkarte finden Sie Ihren Pin auf der Karte. Du musst Speichern Ihre Karte und kopiere den Shortcode [ourlocation] zur späteren Verwendung.

Wenn Sie den Gutenberg-Blockeditor verwenden und Ihre Karte als Teil eines Beitrags anzeigen möchten, fügen Sie einen neuen hinzu Shortcode-Block indem Sie auf das +-Zeichen klicken und einen Shortcode-Block auswählen. Paste [ourlocation] in sein Feld.

Und jetzt wird Ihre Karte als Teil eines Beitrags oder einer Seite angezeigt.

Wenn Sie einen anderen Seiteneditor verwenden, ist das Verfahren ähnlich wie oben beschrieben: Wählen Sie für Elementor die Kurzcode Widget aus dem Menü auf der linken Seite, ziehen Sie es an die gewünschte Stelle auf Ihrer Seite oder in Ihrem Beitrag und fügen Sie den Shortcode für Ihre Karte in das Shortcode-Feld ein.

Wenn Sie den klassischen Editor verwenden, setzen Sie Ihre Eingabe einfach auf Text und fügen Sie den Shortcode ein. Den Rest erledigt WordPress für Sie.

Abschließend

Wie Sie gesehen haben, ist die Anzeige einer Bing-Karte auf Ihrer Website sehr einfach und nimmt im Handumdrehen in Anspruch. Wenn Sie eine einfache Karte suchen, können Sie diese einfach mit dem von Bing Maps generierten Code einbetten. Wenn Sie andererseits eine komplexe Lösung für beispielsweise eine Reihe von Standorten in verschiedenen Städten, Ländern oder sogar weltweit suchen, wenn Sie Pins, Linien oder Formen hinzufügen möchten, um Ihre Karte für Sie informativer zu machen Besuchern empfehlen wir Ihnen, sich mit einem Bing-Konto und einem Plugin wie WP Bing Map Pro einzurichten und seine Anpassungsfunktionen – die in diesem Artikel kaum angesprochen wurden – zu verwenden, um eine Karte oder einen Kartensatz zu erstellen, der zu Ihrer Marke und Ihrem Website-Stil passt mehr.