WordPress建站,那麼恭喜你,有一款插件很是強大,可以讓你在網頁中自由的插入百度地圖。git
固然,不單單是展現地圖位置,應爲調用的是百度地圖API接口,因此可以隨意拖拽、控制大小、添加標記……總之呢,用過以後就忍不住要和親愛的大家分享一下了!api
一個頁面內,能夠插入多個地圖,每一個地圖單獨管理,地圖上能夠加標記……瀏覽器
插件安裝
方法一:WP後臺插件搜索「Baidu Maps Plugin」,做者爲「Digital Creative」;網站
插件使用
一、插件激活;插件
二、獲取百度地圖API:code
- 前往百度地圖開放平臺註冊賬號;
- 進入API控制檯,建立應用(選擇瀏覽器端應用,在Referer白名單中輸入調用地圖的網站域名),提交以後就能得到一個「訪問應用(AK)--也就是api密鑰」
三、WP後臺>>>百度地圖>>>百度地圖設置,將剛纔獲取的密鑰填入百度開發人員 API 密鑰中並保存;接口
四、建立百度地圖,得到map shortcode:開發
- 輸入地圖名稱;
- 搜索地址;
- 點擊「設置爲地圖中心」(很是重要);
- 添加標記(可選);
- 在右側地圖設置選項中設置地圖寬度、高度、放大程度等
- 保存地圖,得到map shortcode(保存後,在右側展現),以下圖:
五、將map shortcode:「[bmap id="xxx"]」粘貼在頁面的文本編輯框中便可。get