Easily create Custom Baidu Maps to add to any Wordpress ost or page. You can create one or multiple maps
with our easy to use settings panel, then insert the map using a shortcode.
With Custom Baidu Maps you can customize each map with multiple locations with options to add/change location
coordinates, add a description, choose background and font colors and upload your own custom marker image.
Basic Usage with shortcodes :
To provide a map with the width and height of 500 * 400,
centered at latitude : 39.900 , longitude : 116.403
with a zoom of '12'
[bmap width="500" height="400" lat="39.900" lng="116.403" zoom="12"]
Options :
- width : width of the map entered in pixels
- height : height of the map entered in pixels
- lat : latitude of the map
- lng : longitude of the map
-
zoom : zoom level of the map (1 - 19), lowest to highest
Advanced Usage Baidu Maps post-type :
-
Enter your Baidu Developers API Key (if you have not already).
- Select the "Baidu Maps" post type from the wordpess menu.
- Click on "Add New".
- Enter the map settings (height, width, zoom and coordinates).
- Upon publishing, add the new generated shortcode to the page content.
Adding a Marker on the map (optional) :
- Click on "Add Marker" below to add a new marker to this map.
- Enter the marker details (name, description, coordinates, background color, font color).
- You may also change the default marker image with you own image, click on "Choose Image" to select an image.
- Click on "Show Marker Details" if you wish to see the details visible at start.
Follow the steps below for the plugin installation :
- Upload
baidu-maps.zip to the /wp-content/plugins/ directory or add the plugin via wordpress plugin repository.
- Activate the plugin through the 'Plugins' menu in WordPress.
- Enter your Baidu Developer API key in the settings page.
1.1
PHP warnings fixed and added instructions to create the Baidu Developers API Key
1.2
PHP warnings fixed and added instructions to create the Baidu Developers API Key
1.3
JS Bug fix
Preset default values for the map settings
Shortcode is now visible on the map page
1.4
Bug Fixes