百度地图的边界/行政划分

根据百度地图开发平台提供的示例代码

function getBoundary(){       
  var bdary = new BMap.Boundary();
  bdary.get("北京市海淀区", function(rs){       //获取行政区域
   map.clearOverlays();        //清除地图覆盖物       
   var count = rs.boundaries.length; //行政区域的点有多少个
   if (count === 0) {
    alert('未能获取当前输入行政区域');
    return ;
   }
           var pointArray = [];
   for (var i = 0; i < count; i++) {
    var ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 2, strokeColor: "#ff0000"}); //建立多边形覆盖物
    map.addOverlay(ply);  //添加覆盖物
    pointArray = pointArray.concat(ply.getPath());
   }    
   map.setViewport(pointArray);    //调整视野  
   addlabel();               
  });   
 }

在其中打印rs.boundaries[i]（console.log(rs.boundaries[i]））

function getBoundary(){       
  var bdary = new BMap.Boundary();
  bdary.get("北京市海淀区", function(rs){       //获取行政区域
   map.clearOverlays();        //清除地图覆盖物       
   var count = rs.boundaries.length; //行政区域的点有多少个
   if (count === 0) {
    alert('未能获取当前输入行政区域');
    return ;
   }
           var pointArray = [];
   for (var i = 0; i < count; i++) {
              console.log(rs.boundaries[i])
    var ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 2, strokeColor: "#ff0000"}); //建立多边形覆盖物
    map.addOverlay(ply);  //添加覆盖物
    pointArray = pointArray.concat(ply.getPath());
   }    
   map.setViewport(pointArray);    //调整视野  
   addlabel();               
  });   
 }

运行代码

可以看到其实就是无数个点的经纬度坐标串联在一起

如何去自定义边界/行政区划？

新建json文件，将点的经纬度坐标按顺序写在json文件中。

axios.get('static/mapbianjie.json').then((res) => {}）

获取json文件中的数据并进行相应的解析，目标：

let xxx = ['111,111;111,111;........']

用分号隔开，放在一个字符串中，再将字符串放进数组中，最后用xxx[i]替换rs.boundaries[i]