How to Embed Bing Maps in WordPress
Do you desire to embed Bing Maps on your WordPress site? If you are trying to find a Google Maps alternative, then Bing Maps is the right prospect for you.
Similar to Google Maps, you can utilize Bing Maps to reveal instructions, traffic, paths, and navigation directions on your WordPress website. Given that it is owned by Microsoft, it is a fantastic map application with a lots of helpful information.
In this post, we will reveal you how to easily embed Bing Maps in WordPress, step by action.
Including Bing Maps in WordPress (No Plugin Required)
Very first thing you require to do is go to Bing Maps site and search for the area or map you wish to embed.
As soon as you have found the location, click the ‘More’ choice with three-dots icon, and choose ‘Em bed a map’ alternative.
After that, it will open a brand-new tab where you can personalize the map to embed in your site.
You can pick map size, map type (static or draggable map), map style (road or aerial), and map links. Review the personalization alternatives and then click on the Generate Code.
After that, it will supply you a code snippet. Go on and copy the code since you’ll require it in the next action.
Now, switch back to your WordPress website and develop a brand-new page or modify an existing one where you want to include the map.
On the page edit screen, click on the Add New Block icon and select the Custom HTML block.
After that, paste the Bing Map embed code that you copied previously in the HTML field.
You can now conserve or publish your page and click on the sneak peek button to see the map embedded in your page. Here is how the Bing Map appeared on our demonstration website.
Adding Bing Maps Utilizing a Plugin
If you require to embed only one map on your website, then the handbook technique shown above is the best alternative.
Nevertheless if you run a website where you often require to add maps, then using a plugin to add Bing Maps would be much easier.
It is a free WordPress map plugin that lets you embed Bing maps, Brochure maps, and other Google Maps alternatives in your WordPress blog site.
To use this plugin with Bing maps, you will need to have a Bing Map API Secret.
Merely develop an account on Bing Maps Dev Center site. If you already have a Microsoft account, then you can simply sign in with your account credentials.
When you have actually signed into your account, you need to click on the ‘My Account’ menu and choose ‘My Keys’ choice.
On the next screen, you need to submit your site details to produce a secret.
After that, you can see a message ‘Secret developed successfully’ and the key details in a box.
You can just click the ‘Copy key’ link or ‘Show secret’ link and copy the Bing Maps API key.
After that, you require to paste the type in your plugin settings.
See Ultimate Maps by Supsystic” Settings from your control panel and select ‘Bing Microsoft’ as your maps engine. After that, paste the API key you copied earlier in the Bing Maps API essential field.
Don’t forget to save your plugin settings.
After that, you require to include marker categories by going to Ultimate Maps by Supsystic” Marker Categories” Add Classification
Create as many marker classifications as you require.
Next, click the Add Map menu to create a new map. Enter a name for your map, specify the width and height of the map, choose navigation bar mode, and so on
You can likewise configure choices to make the map draggable, use double click to zoom, and more. Crucial of all, get in the location to display in the map center.
Next, scroll down and configure more choices listed below. Once done, click on the ‘Conserve Map’ button listed below the map sneak peek box.
After that, you can add markers to reveal the primary place points in your map. Click on the Markers tab, and after that include a name for your maker.
You can use the name of the location or organization as a marker name.
For example, we used ‘University of Florida’ as a marker name since we wish to show some of the very best colleges in Florida in our demonstration map.
After that, you can include marker description text along with image.
Scroll down and select an icon for your brand-new marker. Next, you require to get in the address to point the marker. And, likewise select the marker category.
Evaluation all the other alternatives, and then click the ‘Save Marker’ button.
You can include more markers by following the exact same steps.
As you include the markers, you can preview them survive on the preview box. When you enjoy with your map, browse to the ‘Map shortcode’ alternative at the top, and copy the shortcode.
After that, produce a brand-new page or edit an existing one to embed your new Bing map.
As soon as in the page editor, click on the Include New Block icon and pick the Shortcode block under Widgets section.
Now you need to paste the Bing map shortcode that you copied before.
Once done, save or release your page, and sneak peek how the Bing map searches your site.
Here is how the embedded Bing map appeared on our demo website.
We hope this post helped you to discover how to embed Bing Maps in WordPress quickly. You may also want to see our guide on how to embed actual tweets in WordPress post