上篇文章寫了高德地圖API的使用,這次來說一下高德地圖老對手百度地圖API的使用,當然了這次說的是百度地圖里面的個性化地圖建設,通常在企業(yè)網站的建設中,地圖的重要性不言而喻,但千篇一律的地圖樣式,又怎么給人眼前一亮的感覺呢,而且地圖的色彩、布局等元素也應該要契合企業(yè)網站才行,所以建設個性化地圖就能讓一個企業(yè)網站更加的與眾不同。
首先登陸https://lbsyun.baidu.com/apiconsole/custommap,進入到個人的控制臺,然后打開特色服務平臺,選擇個性化地圖,選擇新建

然后我們就會來到一個編輯頁面

選擇一個樣式模板,我這里選擇一個青花瓷的樣式模板

如果對配色不滿意,也可以在配色推薦里進行配色或者上傳一張圖片進行顏色識別配色


如果還要進行更細致的編輯可以選擇詳細編輯模式

當所有編輯完成后,點擊發(fā)布樣式,相當于把之前編輯好的地圖樣式保存


然后返回控制臺,在我的地圖里面就可以看到剛才發(fā)布的地圖了

然后獲取ak值

提交后就能拿到ak值了,
接下來直接貼代碼,只需要替換ak值和樣式id就能調用自己編輯的地圖樣式模板了

<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=你的ak值"></script>
<script type="text/javascript">
var map = new BMapGL.Map('map'); // 創(chuàng)建Map實例
map.centerAndZoom(new BMapGL.Point(114.065127,22.547922), 10); // 初始化地圖,設置中心點坐標和地圖級別
map.enableScrollWheelZoom(true); // 開啟鼠標滾輪縮放
map.setMapStyleV2({
styleId: '652488b95be216817c8d6e009e1f2b5d' //styleId中是個性化地圖發(fā)布時生成的樣式ID
});
</script>
上次百度地圖API的鏈接:
http://www.oulysa.com/news/6205.html