企業網站建設之百度地圖API—個性化地圖

2023-03-15 分類：網站建設

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

地圖網頁應用1

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

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

地圖網頁應用3

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

地圖配色

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

如果還要進行更細致的編輯可以選擇詳細編輯模式
當所有編輯完成后，點擊發布樣式，相當于把之前編輯好的地圖樣式保存

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

地圖AK

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

本文名稱：企業網站建設之百度地圖API—個性化地圖
網頁地址：http://m.kartarina.com/news36/244336.html

成都網站建設公司_創新互聯，為您提供面包屑導航、ChatGPT、用戶體驗、網站策劃、小程序開發、商城網站

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

猜你還喜歡下面的內容