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

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]

百度地图的边界/行政划分相关推荐

  1. nuxt百度地图引入基础使用,百度地图初始化,行政区划划分

    如何在nuxt项目中使用百度地图 进入百度地图API 选择javascriptAPI,按照流程注册账号获取ak,复制ak 按照页面提示的,需要引入script标签 这里我们打开nuxt项目中的nuxt ...

  2. 百度地图API之行政区域边界

    Html <div id="container"></div> <br /> 输入省.直辖市或县名称:<input type=" ...

  3. ECharts自定义地图——行政划分“乡镇级别”地图

    百度地图API能够直接划分区级别的行政划分: 如果是在线访问的系统可以参考链接https://blog.csdn.net/myfmyfmyfmyf/article/details/69382618#c ...

  4. 百度地图绘制行政区边界

    一般app很少看到有在百度地图上显示行政边界的,本想偷懒一回,拿个现成的,但百度好长时间都没有.还是耐心的去看类参考吧,后来发现挺简单的,所以记录一下方便以后直接拿来用了. 其实就是获取点位生成图层添 ...

  5. 根据经纬度确定行政区域_基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标...

    前言 近来由于工作需要,需要提取某些城市的经纬度坐标,稍微搜索了一下,发现百度地图和高德地图都提供了相关的函数和例子.那么剩余的工作也就比较简单了,保存坐标,然后转换为WGS坐标,这样才能和现有的GP ...

  6. 如何在百度地图上绘制建筑楼块(矢量面)数据并导出为图片

    万能地图下载器的矢量面绘制功能可以在百度地图上绘制行政边界.建筑楼块.街区.居民地.植被.水系和湖泊等矢量面状数据. 这里我们以绘制建筑为例,通过以下几个步骤说明如何在地图中绘制建筑楼块,但请确保你的 ...

  7. 百度地图使用折线、多边形覆盖物绘制或编辑行政区域

    百度地图开发常用网站 1.百度地图开放平台 http://lbsyun.baidu.com/ 2.百度地图 Javascript API JavaScript API v3.0 http://lbsy ...

  8. 百度地图之行政规划边界出现重复bug。

    解决方式:用高德地图的获取行政经纬度的方法 百度地图高德地图踩坑记 先说背景:公司的项目是可视化项目,经常会用到地图,然而很多地方的代码写的真是一坨狗屎.虽然我自己写的也是一坨狗屎,但是自己写的总不能 ...

  9. 奥维查看行政边界_【百度地图API】如何获取行政区域的边界? (转载)

    摘要:以前教过大家如何自行获取行政区域,或者自定义获取一个区域的边界值.今天来教大家直接调用百度地图API1.3(目前最新版本)来获取行政区域的边界值. ----------------------- ...

最新文章

  1. vuejs及相关工具介绍
  2. 后端开发实践:Spring Boot项目模板
  3. android requestparams传入对象,Android xutils3上传文件使用示例
  4. [转载]Linux基础知识之挂载详解(mount,umount及开机自动挂载)
  5. 剑指offer(C++)——链表中环的入口结点
  6. HTML JQuery 技巧总结
  7. bzoj 2244: [SDOI2011]拦截导弹
  8. wepack中loader的分类
  9. 从外部访问Kubernetes集群中的应用
  10. vue3中json编辑器
  11. 批处理注释bat注释一行_注释和注释处理器入门指南
  12. python的线程池_python线程池 ThreadPoolExecutor 的用法示例
  13. 青岛大学计算机考研率高吗,学院2015届毕业生考研率再创新高
  14. java 视频录制软件有哪些_有哪些好用的视频录制工具?
  15. 内网虚拟机静态IP设置VMWare内网通外网不通把某一网段白名单虚拟机ping不通主机虚拟机桥接改成非192.168网段服务器与电脑直连共享wifi
  16. scratch3.0加载自己的作品最新版
  17. GD32F307 DAC 输出波形
  18. 四川大学和电子科技大学计算机哪个好,四川大学和电子科技大学哪个好?高校大比拼开始!...
  19. ECharts y轴(yAxis)
  20. python中RBG与BGR有什么不同

热门文章

  1. 校园失物招领小程序源码可作毕业设计
  2. 音乐类APP的耗电量测试
  3. php教程--案例8(显示订单信息)
  4. Pulsar_01_基本介绍
  5. 记一次做双人在线五子棋小游戏
  6. 只要我不放弃,放弃的就是别人,理财开发两手抓,我可以
  7. 基于用户画像的精准营销
  8. vue 操作多维数组
  9. 工业4.0:柔性制造需要安全的网络
  10. 国内十大炒黄金app排名2020版一览