地图上分成一块一块区域 高德地图_高德地图绘制区域边界线

在地图开发中，经常需要对某个区域进行边界线的绘制，以起到区分和突出强调的作用。通过高德JS API中的行政区查询服务(AMap.DistrictSearch)可便捷的拿到目标区域的边界坐标点进行渲染。

以广东省为目标区域，绘制边界的效果图如下

高亮广东省区域.png

一、获取目标区域的边界坐标点

通过高德AMap.DistrictSearch这个插件获取边界坐标点，可选参数见下表

AMap.DistrictSearch.png

//创建地图对象

this.map = new AMap.Map('map', {

center: [113.280637, 23.125178],

resizeEnable: true,

zoom: 7,

})

//获取边界坐标点

AMap.plugin('AMap.DistrictSearch', () => {

var districtSearch = new AMap.DistrictSearch({

// 关键字对应的行政区级别，共有5种级别

level: 'province',

// 是否显示下级行政区级数，1表示返回下一级行政区

subdistrict: 0,

// 返回行政区边界坐标点

extensions: 'all',

})

// 搜索所有省/直辖市信息