這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Bing Maps for WordPress

描述

Bing Maps for WordPress allows you to create maps easily with a [bingMap] shortcode in your posts. You don’t have to worry about how the maps are displayed, the plugin takes care of that. You can create dynamic maps that allow your visitors to pan and zoom, or static maps that don’t have those features. You can create Road maps, Aerial views, Aerial views with roads marked on them, or even a 3D Birdseye view.

How to use – quick example

Add a [bingMap] shortcode into a post, configure it, and you’re done! Here is a quick example:

[bingMap location=”Beunos Aires, Argentina” zoom=”13″]

螢幕截圖

  • Dynamic Map

  • Static Map

安裝

  1. To install through WordPress Control Panel:
    • Click “Plugins”, then “Add New”
    • Enter “Bing Maps for WordPress” as search term and click “Search Plugins”
    • Click the “Install” link on the right hand side against “Bing Maps for WordPress”
    • Click the red “Install Now” button
    • Click the “Activate Plugin” link
    • Enter your Bing Maps API key into the settings page. You can get one from here Bing Maps API Key Registration
  2. To download and install manually:
    • Upload the entire bing-maps-for-wordpress folder to the /wp-content/plugins/ directory.
    • Activate the plugin through the Plugins menu in WordPress.
    • Enter your Bing Maps API key into the settings page. You can get one from here Bing Maps API Key Registration

常見問題

How do I use it?

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:

  1. 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”.
  2. width – Define how wide you want your map to be. Default is 400px.
  3. height – Define how high you want your map to be. Default is 400px.
  4. title – Define a title for your map – displays above the map.
  5. locationtitle – Override location title (dynamic map only)
  6. locationlink – Set a URL for your title to link to (dynamic map only)
  7. type – “static”, or “dynamic”. If you leave it blank, it will default to dynamic.
  8. maptype – In static mode, options are: “Road”, “Aerial” and “AerialWithLabels”. In dynamic map mode, “Road”, “Aerial”, “AerialWithLabels” or “Birdseye”. Default is “Road”.
  9. zoom – Define the zoom level. the higher the more zoomed in. If you are in Birdseye mode, zoom is quite restricted.
  10. 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”.
  11. 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.
  12. ppt* – Set the pushpin title (dynamic map only)
  13. ppd* – Set the pushpin description (dynamic map only)
  14. 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”]
Why won’t my maps show at all?

Have you signed up for a Bing Maps API key? And have you entered it in the settings page? If not, follow these steps:

  1. Sign up for a Bing Maps API Key.
  2. 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.

How do I change the style of the pushpin?

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

How do I style the map on my blog?

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;}

評價

There are no reviews for this plugin.

貢獻者及開發者

“Bing Maps for WordPress” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

將 Bing Maps for WordPress 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

1.6

  • Tested compatibility for WordPress 3.3.1
  • Fixed issue when user does not have curl installed

1.5

  • Added compatibility for WordPress 3.0.3
  • Added tags for dynamic map titles, map title descriptions and map title links – thanks to Chris Witham for the code!

1.4

  • Added uninstall option to remove option entry in DB

1.3

  • Fixed bug with saving API key

1.2

  • Fixed some more CSS issues by fixing settings fields

1.1

  • Fixed CSS issue

1.0

  • Added Bing Static Maps
  • Added Bing Dynamic Maps