How to Embed Bing Maps In WordPress ? :- Are you searching for a way to embed Bing Maps on your WordPress website? If you are seeing for google maps alternative, then bing maps is the right choice for you.
Similar to Google maps, you can make use of Bing Maps to show directions, routes, traffic and navigation instructions on WordPress site.
Since it is owned by Microsoft, It has lots of data & helpful information. We will show you how easily you can embed bing maps in WordPress:
Adding Bing Maps in WordPress
Initial thing you need to do is visit bing maps website and search for map or location you want to embed. Once you found the perfect location. Tap on more option with three dots icon and select embed a map option.
After that, It will open a tab where you can customize it to embed in your website. You can select map type, style, size and map links. Review customizations you have done and generate code.
It will provide a code snippet. Go ahead and copy code snippet because you’ll required it in next step.
Now, navigate back to your WordPress site and create new page or edit existing one where you want to add the map.
On edit page screen, Click on add new Block icon and select Custom HTML block. After that, paste embeds code that you copied in HTML field.
Now you can save or publish your page and tap on preview button to see the map embedded in your page.
Adding Bing Maps Using a Plugin
If you need to embed a single map on website, and then manually apply option that is provided above is optimal for you.
However if you run a website where you often require to add maps, then using a plugin is easier to add maps.
Firstly install & activate Ultimate maps by Supsystic plugin. It’s a free WordPress map plugin that allows you to embed bing maps, Leaflet maps and other Google maps alternative in your blog. To use this plugin with Bing maps, you need to have a Bing Map API Key.
Simply sign up for a new account on Bing Maps Dev Center website. If you already have a Microsoft account signin. Click on my accounts menu and select ‘my keys’ option. On the next screen, fill up website information to create a key.
After that, you will see a message ‘Key created successfully’ and key in the details box.
Simply click on ‘copy key’ link or ‘show key’ link and copy bing maps API key. Paste the key in plugin setting.
Visit Ultimate maps>> Settings from dashboard and select Bing Microsoft as maps engine. Paste the API key in Bing Maps API key field.
Don’t forget to save plugin setting.