写点什么

百度高德地图行政区域边界 GeoJSON 数据获取并绘制行政区域

作者:zhoulujun
  • 2023-04-09
    广东
  • 本文字数:2192 字

    阅读完需:约 7 分钟

highcharts 是提供地图数据包的:https://www.highcharts.com/docs/maps/map-collection

echart 矢量地图或者地图绘制矢量图层,GeoJSON 哪里提供呢?

dataV 提供数据下载,http://datav.aliyun.com/tools/atlas/#&lat=30.332329214580188&lng=106.75386074913891&zoom=4.5

这些数据也是从高德上面来的,翻了下高德地图的 api,其实可以直接获取


高德地图获取地图边界数据

区域查询获取边界数据

行政区域查询官方文档:https://lbs.amap.com/api/webservice/guide/api/district

restapi.amap.com/v3/config/district?key=您的 key&keywords=山东 &subdistrict=2&extensions=all

返回的 polyline 为坐标边界数据,用;分隔点坐标数组,在用,分隔出坐标数组即可。

AMap.DistrictSearch 插件查询

https://lbs.amap.com/api/javascript-api/reference/search#m_AMap.PlaceSearch

let opts = {

  // 设置显示下级行政区级数 可选值:0、1、2、3 等数字

  subdistrict: 2,

  // base:不返回行政区边界坐标点;all:只返回当前查询 district 的边界值,不返回子节点的边界值目前不能返回乡镇/街道级别的边界值

  extensions: 'all',

  level: data.level

}

var district = new AMap.DistrictSearch(opts);

district.search('河北省', function (status, result) {result.districtList[0].boundaries})

官方 demo 

获取的数据,需要自己转 GeoJSON 数据,插件https://www.npmjs.com/package/geojson

var GeoJSON = require('geojson')var data = [{name: 'Location A', category: 'Store', street: 'Market', lat: 39.984, lng: -75.343}]var data2 = { name: 'Location A', category: 'Store', street: 'Market', lat: 39.984, lng: -75.343 }
GeoJSON.parse(data, {Point: ['lat', 'lng']})GeoJSON.parse(data2, {Point: ['lat', 'lng'], include: ['name']})var data3 = [  {    x: 0.5,    y: 102.0,    prop0: 'value0'  },  {    line: [[102.0, 0.0], [103.0, 1.0], [104.0, 0.0], [105.0, 1.0]],    prop0: 'value0',    prop1: 0.0  },  {    polygon: [      [ [100.0, 0.0], [101.0, 0.0], [101.0, 1.0], [100.0, 1.0], [100.0, 0.0] ]    ],    prop0: 'value0',    prop1: {"this": "that"}  }]GeoJSON.parse(data3, {'Point': ['x', 'y'], 'LineString': 'line', 'Polygon': 'polygon'});
复制代码

推荐阅读《GIS坐标系:WGS84,GCJ02,BD09,火星坐标,大地坐标等解析说与转换

此方法只能获取当前行政区域边界,无法获取子区域边界。

行政区划浏览获取边界数据

DistrictExplorer(行政区划浏览)官方文档:https://lbs.amap.com/api/javascript-api/reference-amap-ui/geo/district-explorer

Feature 直接取自 GeoJSON。AreaNode 之中无论父级区划(ParentFeature)还是子级区划(SubFeature),都可以获取地图坐标边界数据,但是 parentFeature 不是标准 GeoJSON 格式,需要自己转换。

//创建一个实例var districtExplorer = new DistrictExplorer({  map: map //关联的地图实例})var adcode = 100000 //全国的区划编码districtExplorer.loadAreaNode(adcode, function (error, areaNode) {
  if (error) {    console.error(error)    areaNode.Feature     return  }  //Feature直接取自GeoJSON  var subFeatures = areaNode.getSubFeatures()  var parentFeature = areaNode.getParentFeature()})
复制代码

方法很简单。

百度地图获取行政区域边界

通过 BMap.Boundary(),获取地图边界数据。

var bdary = new BMap.Boundary();

bdary.get(name, function(rs){rs.boundaries})

var map = new BMap.Map("container");map.centerAndZoom(new BMap.Point(116.403765, 39.914850), 5);map.addControl(new BMap.NavigationControl({type: BMAP_NAVIGATION_CONTROL_SMALL}));map.enableScrollWheelZoom();
function getBoundary(){  var bdary = new BMap.Boundary();  var name = document.getElementById("districtName").value;  bdary.get(name, function(rs){       //获取行政区域    map.clearOverlays();        //清除地图覆盖物    var count = rs.boundaries.length; //行政区域的点有多少个    for(var i = 0; i < count; i++){      var ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 2, strokeColor: "#ff0000"});      //建立多边形覆盖物      console.log(rs.boundaries)      map.addOverlay(ply);  //添加覆盖物      map.setViewport(ply.getPath());    //调整视野    }  });}
复制代码

百度地图的数据是 火星坐标 再加密的,个人不推荐使用百度地图上的数据获取到的经纬度。

转载本站文章《百度高德地图行政区域边界GeoJSON数据获取并绘制行政区域》,请注明出处:https://www.zhoulujun.cn/html/GIS/WebGIS/8155.html

用户头像

zhoulujun

关注

还未添加个人签名 2021-06-25 加入

15年草根站长,尽在:zhoulujun.cn

评论

发布
暂无评论
百度高德地图行政区域边界GeoJSON数据获取并绘制行政区域_百度地图_zhoulujun_InfoQ写作社区