Do you wish to have to embed Bing Maps in your WordPress site? If you’re in search of a Google Maps selection, then Bing Maps is the correct candidate for you.
Similar to Google Maps, you’ll be able to use Bing Maps to display instructions, visitors, routes, and navigation directions in your WordPress website online. Since it’s owned by Microsoft, this is a nice map software with a ton of helpful knowledge.
In this text, we can display you the way to simply embed Bing Maps in WordPress, step by step.
Adding Bing Maps in WordPress (No Plugin Required)
First factor you want to do is cross to Bing Maps site and seek for the site or map you wish to have to embed.
Once you may have discovered the site, click on at the ‘More’ possibility with three-dots icon, and choose ‘Embed a map’ possibility.
After that, it’s going to open a brand new tab the place you’ll be able to customise the map to embed in your site.
You can make a choice map dimension, map kind (static or draggable map), map taste (highway or aerial), and map hyperlinks. Review the customization choices after which click on at the Generate Code.
After that, it’s going to supply you a code snippet. Go forward and replica the code since you’ll want it in the next move.
Now, transfer again to your WordPress website online and create a brand new web page or edit an present one the place you wish to have to upload the map.
On the web page edit display, click on at the Add New Block icon and choose the Custom HTML block.
After that, paste the Bing Map embed code that you just copied previous in the HTML box.
You can now save or submit your web page and click on at the preview button to see the map embedded in your web page. Here is how the Bing Map seemed on our demo site.
Adding Bing Maps Using a Plugin
If you want to embed just one map in your site, then the guide approach proven above is the most suitable option.
However for those who run a site the place you incessantly want to upload maps, then the usage of a plugin to upload Bing Maps could be more uncomplicated.
First factor you want to do is set up and turn on the Ultimate Maps by Supsystic plugin. For detailed directions, you’ll be able to see our step by step information on how to set up a WordPress plugin.
It is a loose WordPress map plugin that allows you to embed Bing maps, Leaflet maps, and different Google Maps choices in your WordPress weblog.
To use this plugin with Bing maps, you are going to want to have a Bing Map API Key.
Simply create an account on Bing Maps Dev Center site. If you have already got a Microsoft account, then you’ll be able to merely signal in along with your account credentials.
Once you may have signed into your account, you want to click on at the ‘My Account’ menu and choose ‘My Keys’ possibility.
On the following display, you want to fill out your site knowledge to create a key.
After that, you’ll be able to see a message ‘Key created effectively’ and the important thing main points in a field.
You can merely click on at the ‘Copy key’ hyperlink or ‘Show key’ hyperlink and replica the Bing Maps API key.
After that, you want to paste the important thing in your plugin settings.
Visit Ultimate Maps by Supsystic » Settings out of your dashboard and choose ‘Bing Microsoft’ as your maps engine. After that, paste the API key you copied previous in the Bing Maps API key box.
Don’t overlook to save your plugin settings.
After that, you want to upload marker classes by visiting Ultimate Maps by Supsystic » Marker Categories » Add Category.
Create as many marker classes as you want.
Next, click on at the Add Map menu to create a brand new map. Enter a reputation on your map, outline the width and top of the map, make a choice navigation bar mode, and many others.
You too can configure choices to make the map draggable, use double click on to zoom, and extra. Most essential of all, input the site to show in the map middle.
Next, scroll down and configure extra choices underneath. Once achieved, click on at the ‘Save Map’ button underneath the map preview field.
After that, you’ll be able to upload markers to display the principle location issues in your map. Click at the Markers tab, after which upload a reputation on your maker.
You can use the identify of where or group as a marker identify.
For instance, we used ‘University of Florida’ as a marker identify as a result of we would like to display one of the easiest faculties in Florida in our demo map.
After that, you’ll be able to upload marker description textual content in addition to symbol.
Scroll down and make a choice an icon on your new marker. Next, you want to input the cope with to level the marker. And, additionally choose the marker class.
Review the entire different choices, after which click on the ‘Save Marker’ button.
You can upload extra markers by following the similar steps.
As you upload the markers, you’ll be able to preview them continue to exist the preview field. Once you’re satisfied along with your map, navigate to the ‘Map shortcode’ possibility on the most sensible, and replica the shortcode.
After that, create a brand new web page or edit an present one to embed your new Bing map.
Once in the web page editor, click on at the Add New Block icon and make a choice the Shortcode block below Widgets phase.
Now you want to paste the Bing map shortcode that you just copied earlier than.
Once achieved, save or submit your web page, and preview how the Bing map seems to be in your site.
Here is how the embedded Bing map seemed on our demo site.
We hope this text helped you to find out how to embed Bing Maps in WordPress simply. You might also need to see our information on how to embed exact tweets in WordPress weblog posts.
If you really liked this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You too can to find us on Twitter and Facebook.