简易行政区划图 (AMap.DistrictLayer)

简易行政区划图。

提示

来源 @vuemap/vue-amap 组件库

基础示例

静态属性

仅且可以初始化配置,不支持响应式。

名称类型说明
typeString类型,可选值:World 世界, Country 国家, Province 省市
depthNumber设定数据的层级深度,depth为0的时候只显示国家面,depth为1的时候显示省级, 当国家为中国时设置depth为2的可以显示市一级
extraOptionsObject额外扩展属性,会直接将属性拷贝到初始化的options中,当key与props内的一样时会被props覆盖

动态属性

支持响应式。

名称类型说明
adcodeString行政区的编码,可从链接下载adcode与省市行政区对照表open in new window
SOCString设定显示的国家 SOC 国家代码、名称、Bounds对照表下载open in new window
zoomsArray支持的缩放级别范围,默认范围 [2-30]
visibleBoolean是否显示,默认 true
zIndexNumber图层叠加的顺序值,1 表示最底层。默认 zIndex:4
opacityNumber透明度,默认 1
stylesObject为简易行政区图设定各面的填充颜色和描边颜色。 styles各字段的值可以是颜色值,也可以是一个返回颜色值* 的回调函数function。支持的颜色格式有:
1. #RRGGBB,如:'#FFFFFF'
2. rgba(),如:'rgba(255,255,255,1)'
3. rgb(),如:'rgb(255,255,255)'
4. [r,g,b,a] ,如: [1,1,1,1]
5. '',代表不赋予颜色

styles属性

名称类型说明
stroke-widthNumber, Function描边线宽
zIndexNumber, Function图层中每个区域层级,数值越大,层级越高。 默认 0
coastline-strokeArray, String, Function海岸线颜色,默认 [0.18,0.63,0.94,1]
nation-strokeArray, String, Function国境线颜色,默认 [0.35,0.35,0.35,1]
province-strokeArray, String, Function省界颜色,默认 [0.5,0.5,0.5,1]
city-strokeArray, String, Function城市界,默认 [0.7,0.7,0.7,1]
county-strokeArray, String, Function区/县界颜色,默认 [0.85,0.85,0.85,1]
fillArray, String, Function填充色,默认 [1,1,1,1]

ref 可用方法

提供无副作用的同步帮助方法

函数返回说明
$$getInstance()AMap.DistrictLayer获取实例

事件

事件参数说明
initAMap.DistrictLayer实例初始化结束
最后更新时间:
贡献者: gu, guyangyang