How do I style the map on my blog?

All of the content is in a container with a class of "bingMapsForWordpressContainer", the maps then sit inside a with a class of "bingMapsForWordpress", so the structure looks a bit like this: Map Title ... map content is here ... Reference any of these classes and IDs in your theme CSS and the maps will be styled - here is how to add a border to all your bing maps: .bingMapsForWordpress{border:solid 2px red;} And here is how to style just the title: .bingMapsForWordpressTitle{font-weight:bold;}

by rgubby 1 (0 reviews)

Bing Maps for WordPress

Name: Bing Maps for WordPress
Author: rgubby

Bing Maps for WordPress allows you to place either a static or dynamic Bing map on your blog post with a simple shortcode

Bing Maps for WordPress ranks #27,682 among WordPress.org plugins with 20+ active installations, is #316 of 937 in the Maps & Location category, a 1/5 rating from 0 reviews, and was last updated Apr 18, 2012. Data from WordPress.org, refreshed twice daily — see methodology.

Tested up to WP 3.3 (Current: 7.1.1)

v1.6 Current Version v1.6

Updated 14 years ago Last Update on 18 Apr, 2012

Refreshed 17 hours ago Last Refreshed on

#316 of 937 in Maps & Location Top 50% by installs No update in over a year

View on WordPress.org

Rank

#27,682

-275 this week

Active Installs

20+

-13%

KW Avg Position

1 worse

Downloads

10.9K

+2 today

Support Resolved

— No change

Rating

20%

Review 1 out of 5

1 (0 reviews)

Next Milestone 30

Total Progress 10%

20+ 30+

16,130

Ranks to Climb

Growth Needed

8,000,000

Active Installs

Pro

Unlock Exact Install Count

See the precise estimated active installs for this plugin, calculated from real-time ranking data.

Exact install estimates within tiers
Track install growth over time
Milestone progress predictions

Upgrade to Pro

Need 9 more installs to reach 30+

Rank Changes

Current #27,682

Change

Best #

Upgrade to Pro

Unlock 30-day and 90-day rank history charts with a Pro subscription.

Upgrade Now

Active Installs Growth

Upgrade to Pro

Active Installs 0,000,000+

Growth +0.0%

Peak 0,000,000

Downloads Growth

Downloads

Growth

Peak

Upgrade to Pro

Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.

Upgrade Now

Reviews & Ratings

1.0

0 reviews

Overall 20%

0 (0%)

Track This Plugin

Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.

Start Tracking Free

Plugin Details

Version: 1.6
Last Updated: Apr 18, 2012
Requires WP: 3.0+
Tested Up To: 3.3
PHP Version: N/A
Author: rgubby

Support & Rating

Rating: ★ ☆ ☆ ☆ ☆ 1
Reviews: 0
Support Threads: 0
Resolved: 0%

Keywords

bing maps mapping

Upgrade to Pro

Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.

Upgrade Now

Similar Plugins

Adminify – White Label, Admin Menu Editor, Login Customizer

6K+ installs

#2,759

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits

30K+ installs

#1,009

WP Go Maps - Google Map, OpenStreetMap, Leaflet Map

Advanced Ads – Ad Manager & AdSense

100K+ installs

#458

WPZOOM Connect: AI Chat, Click to Chat, Social Icons & Share Buttons

Events Manager – Calendar, Bookings, Tickets, Appointments and more!

View all Maps-and-location plugins

Frequently Asked Questions

Common questions about Bing Maps for WordPress

Once you have the plugin installed, edit a post, and use a shortcode of [bingMap] to create a Bing Map on the page. If you just put [bingMap] on your page you'll get something, but it centers the map on Timbuktu, so you might want to change some attributes: location - Specify where you want your map centered. Be as specific as you can, include the country code, an example would be "Birmingham, West Midlands, UK". width - Define how wide you want your map to be. Default is 400px. height - Define how high you want your map to be. Default is 400px. title - Define a title for your map - displays above the map. locationtitle - Override location title (dynamic map only) locationlink - Set a URL for your title to link to (dynamic map only) type - "static", or "dynamic". If you leave it blank, it will default to dynamic. maptype - In static mode, options are: "Road", "Aerial" and "AerialWithLabels". In dynamic map mode, "Road", "Aerial", "AerialWithLabels" or "Birdseye". Default is "Road". zoom - Define the zoom level. the higher the more zoomed in. If you are in Birdseye mode, zoom is quite restricted. pp - Where to place a pushpin on your map. If you don't include a pp attribute, the center of the map will be used. Turn it off by setting pp to "false". pp* - Add pushpins to your map. Use pp1="", pp2="" and so on. Bear in mind there is a limit to the number of pushpins you can actually have. If you're not in Birdseye mode, the map will automatically zoom out so all pushpins can display. ppt* - Set the pushpin title (dynamic map only) ppd* - Set the pushpin description (dynamic map only) ppl* - Set the pushpin link (dynamic map only) Here are a few examples: [bingMap location="Birmingham, West Midlands, UK" maptype="AerialWithLabels" zoom="15" description="Center of Birmingham, UK"] [bingMap type="static" location="Mexico City, Mexico" zoom="13"] [bingMap maptype="birdseye" location="Niagara Falls, Canada" width="650" height="300" pp="false"] [bingMap location="New York, USA" pp1="Philadelphia, USA"]

Have you signed up for a Bing Maps API key? And have you entered it in the settings page? If not, follow these steps: Sign up for a Bing Maps API Key. Enter it in the "Bing Maps for Wordpress" settings page - it's under Settings in your WordPress Control Panel. I've signed up, but I don't have an API key You have to go to the create/view keys section on the Bing Maps API signup - just create a key and enter your blog details.

At the moment, you can't if you're using a dynamic Bing map. But if you're using a static map, add ";5" (5 is the icon style) to the end of your pp attribute, so something like: pp="Timbuktu;10" For a full list of all icon styles for pushpins, check out http://msdn.microsoft.com/en-us/library/ff701719.aspx

All of the content is in a <div> container with a class of "bingMapsForWordpressContainer", the maps then sit inside a <div> with a class of "bingMapsForWordpress", so the structure looks a bit like this: <div class="bingMapsForWordpressContainer"> <div class="bingMapsForWordpress"> <span class="bingMapsForWordpressTitle">Map Title</span> ... map content is here ... </div> </div> Reference any of these classes and IDs in your theme CSS and the maps will be styled - here is how to add a border to all your bing maps: .bingMapsForWordpress{border:solid 2px red;} And here is how to style just the title: .bingMapsForWordpressTitle{font-weight:bold;}