百度地圖升級6:添加百度個性化地圖及注意事項!

首先說明一下百度的個性化地圖

  1. 建立百度賬號(祕鑰啥的就不說了,此文章爲升級篇)
  2. 打開百度地圖開放平臺-登錄-特色服務平臺-個性化地圖
  3. 點擊新建
  4. 如下圖:
  5. 設置成功之後,發佈樣式(注意:一定要是3.0版本;例:https://api.map.baidu.com/api?v=3.0&ak=你的祕鑰)
  6. 發佈成功之後-點擊使用
  7. 帶入代碼(兩種方式;一種是引入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
          });

    注意:由於引入樣式太大,需要將樣式單獨放到一個組件/文件中,再做引用!

  8. 效果

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章