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

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

然后我們就會(huì)來到一個(gè)編輯頁面

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

如果對配色不滿意，也可以在配色推薦里進(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中是個(gè)性化地圖發(fā)布時(shí)生成的樣式ID
});
</script>
上次百度地圖API的鏈接：http://aaarwkj.com/news/6205.html

本文名稱：企業(yè)網(wǎng)站建設(shè)之百度地圖API—個(gè)性化地圖
網(wǎng)頁地址：http://aaarwkj.com/news36/244336.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、ChatGPT、用戶體驗(yàn)、網(wǎng)站策劃、小程序開發(fā)、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)