首先說明一下百度的個性化地圖
- 建立百度賬號(祕鑰啥的就不說了,此文章爲升級篇)
- 打開百度地圖開放平臺-登錄-特色服務平臺-個性化地圖
- 點擊新建
- 如下圖:
- 設置成功之後,發佈樣式(注意:一定要是3.0版本;例:https://api.map.baidu.com/api?v=3.0&ak=你的祕鑰)
- 發佈成功之後-點擊使用
- 帶入代碼(兩種方式;一種是引入id,一種是引入樣式,樣式在地圖編輯裏有)
this.map = new BMap.Map("allmap", { enableMapClick: false, // minZoom: 10, // maxZoom: 19 }); //構造底圖時,關閉底圖可點功能 this.map.centerAndZoom(new BMap.Point(114.646861, 38.054677), 11); this.map.enableScrollWheelZoom(true); // 開啓縮放 //id爲自己編輯的個性地圖 this.map.setMapStyleV2({ styleId: '3d71dc5a4ce6222d3396801dee06622d' });
this.map = new BMap.Map("allmap", { enableMapClick: false, // minZoom: 10, // maxZoom: 19 }); //構造底圖時,關閉底圖可點功能 this.map.centerAndZoom(new BMap.Point(114.646861, 38.054677), 11); this.map.enableScrollWheelZoom(true); // 開啓縮放 //this.styleJson此爲JSON樣式代碼 var styleJson = this.styleJson; this.map.setMapStyleV2({ styleJson: styleJson });
注意:由於引入樣式太大,需要將樣式單獨放到一個組件/文件中,再做引用!
-
效果