Beginner's Guide for WordPress - Start your WordPress Blog in minutes.
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

How to Embed Bing Maps in WordPress

Last updated on by
Special WordPress Hosting offer for WPBeginner Readers
How to Embed Bing Maps in WordPress

Recently one of our readers asked us if it was possible to add Bing maps in WordPress. We have already covered how to add Google maps in WordPress. However, if you like Bing maps better, then you can add them on your site. In this article, we will show you how to embed Bing maps in WordPress with and without using a plugin.

Video Tutorial

If you don’t like the video or need more instructions, then continue reading.

Adding Bing Maps in WordPress (No Plugin Required)

First thing you need to do is go to Bing Maps and search for the location or map you want to embed. Once you have found the location, click on the Share button. A popup would appear showing you a link to the map and an embed code, so you can add it to your web page.

Share Bing Map

Below the embed code you will find a button Customize and Preview which will open a new window. On this window you can customize your map. Choose a map size, show or hide links to bing maps, choose map type, etc. Once you are satisfied with the preview simply click on the Generate Code button.

Generate Bing Map Embed Code

Your embed code will be displayed in popup window. You can now copy and paste this code inside your WordPress posts, pages, or in sidebar widgets.

Adding Bing Maps Using a Plugin

If you run a website where you often need to add maps, then using a plugin to add Bing maps would be easier. First thing you need to do is install and activate the Leaflet Maps Marker plugin. In order to use this plugin with Bing maps, you will need to have a Bing Map API Key.

Simply create an account on Bing Maps Portal website.

Creating an account for Bing Maps API Key

Once you have created an account, you need to click on ‘Create or View Keys’ from the left hand sidebar. On the next screen, you need to fill out your website information.

You can create two type of keys: Trial or Basic. A trial key will expire in 90 days. We recommend using the Basic key instead. However, keep in mind that there are certain limitations on the usage of Basic key as well. If your website is publicly accessible to any one, then you can use this key. In the application type, choose Public Website and submit your request.

Creating a Bing API Key for your Website

Your request will be processed and your key will be displayed at the bottom of the page. Now you need to copy this key and go to Maps Marker » Setting. Click on the Bing Maps tab and paste your API key there.

Paste your Bing API key here

By default the Leaflet Maps Marker plugin uses Google Maps, so you will need to explicitly instruct the plugin to use Bing Maps. This can be done by going to Maps Marker » Setting and click on the Map Defaults tab. Scroll down to ‘Default basemap’ section and select Bing Maps. You will notice that there are multiple entries for Bing Maps, like aerial view, roads view, etc. Choose the one that best suits your needs and click on the Save Changes button.

Make Bing Maps your default maps

To add a new Bing map to your site, you need to go to Maps Marker » Add New Marker, give your marker a name and set the map to your desired location. Leaflets Maps Marker plugin comes with powerful features allowing you to add different markers and layers to your map. Explore these options and once you are satisfied with the map hit Publish button.

Adding a new map marker

The plugin will now generate a shortcode for the map you just created. Copy this shortcode and paste it into your posts or pages.

Bing Map Shortcode

We hope this article helped you embed Bing maps on your WordPress site. For questions and feedback, please leave comments or join us on Twitter.


Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Page maintained by Syed Balkhi.

WPBeginner's Video Icon
Our HD-Quality tutorial videos for WordPress Beginners will teach you how to use WordPress to create and manage your own website in about an hour. Get started now »

Comments

  1. GODZILLA491 says:

    I don’t know why but it doesn’t work.
    I found your tutorial after several minutes spent doing the same things you do but all i had is a blank post.

    With google it works, but i need to use bing maps.

  2. WPBeginner Staff says:

    We have a video tutorial for that on our YouTube Channel, don’t forget to subscribe:

    http://www.youtube.com/watch?v=JDCoOOLCmQg

  3. Anita says:

    how do I find a video on adding google maps

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.