上篇文章寫了高德地圖API的使用，這次來說一下高德地圖老對手百度地圖API的使用，當(dāng)然了這次說的是百度地圖里面的個性化地圖建設(shè)，通常在企業(yè)網(wǎng)站的建設(shè)中，地圖的重要性不言而喻，但千篇一律的地圖樣式，又怎么給人眼前一亮的感覺呢，而且地圖的色彩、布局等元素也應(yīng)該要契合企業(yè)網(wǎng)站才行，所以建設(shè)個性化地圖就能讓一個企業(yè)網(wǎng)站更加的與眾不同。

首先登陸https://lbsyun.baidu.com/apiconsole/custommap，進(jìn)入到個人的控制臺，然后打開特色服務(wù)平臺，選擇個性化地圖，選擇新建

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

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

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

如果還要進(jìn)行更細(xì)致的編輯可以選擇詳細(xì)編輯模式

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

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

然后獲取ak值

 

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

<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實(shí)例
 
        map.centerAndZoom(new BMapGL.Point(114.065127,22.547922), 10); // 初始化地圖,設(shè)置中心點(diǎn)坐標(biāo)和地圖級別
 
        map.enableScrollWheelZoom(true); // 開啟鼠標(biāo)滾輪縮放
 
        map.setMapStyleV2({
          styleId: '652488b95be216817c8d6e009e1f2b5d'        //styleId中是個性化地圖發(fā)布時生成的樣式ID
        });
</script>
 
 
上次百度地圖API的鏈接：http://pdcharm.com/news/6205.html