Add baidu map in your website (wordpress)

手动挡

访问应用（AK）Key http://lbsyun.baidu.com/apiconsole/key


Basic Map Generator http://api.map.baidu.com/lbsapi/createmap/index.html


在上一条的基础上添加更多的功能或者显示效果

Developer API http://developer.baidu.com/map/jsdemo.htm#d0_1


functions.php中引入

add_action('wp_enqueue_scripts','mapz_code');
function mapz_code(){
wp_enqueue_script("mapz-js", "//api.map.baidu.com/api?v=2.0&ak=你的key",array(),null,false);
}

复制

Basic Map Generator

生成的并依据

Developer API

添加的JS代码到Page页面(html)。

创建div，设置id，并修改JS代码的map变量的赋值语句。

OK

自动挡

使用插件

Baidu Map Plugins

创建一个地图，例如

[bmap id="38"]

，写到Page页面中(html)

效果图