BDistrictLayer 行政区图层 ^1.1.2
在地图上显示行政区划分
ts
import { BDistrictLayer } from 'vue3-baidu-map-gl'组件示例
静态组件 Props
| 属性 | 说明 | 类型 | 可选值 | 默认值 | 版本 |
|---|---|---|---|---|---|
| name | 行政区名字 | string | - | required | |
| kind | 行政区类型 | DistrictType | - | DistrictType['AREA'] | |
| fillColor | 填充颜色 | string | - | #fdfd27 | |
| fillOpacity | 填充透明度 | number | - | 1 | |
| strokeColor | 描边线条颜色 | string | - | #231cf8 | |
| strokeWeight | 描边线条粗细 | number | - | 1 | ^2.4.0 |
| strokeOpacity | 描边线透明度 | number | - | 1 | ^2.4.0 |
| viewport | 自动聚焦地图中心 | boolean | - | false |
动态组件 Props
| 属性 | 说明 | 类型 | 可选值 | 默认值 | 版本 |
|---|---|---|---|---|---|
| visible | 是否显示 | boolean | - | true | ^2.2.0 |
DistrictType
| 值 | 说明 |
|---|---|
| PROVINCE | 省级 |
| CITY | 市级 |
| AREA | 县/区级 |
组件事件
| 事件名 | 说明 | 类型 |
|---|---|---|
| initd | 组件初始化后,调用的方法,返回一个地图实例 | { map, BmapGL, instance } |
| unload | 组件卸载时会调用此方法 | - |
| mouseover | 鼠标移入行政区域时触发此事件 | {type, target} |
| mouseout | 鼠标移出行政区域时触发此事件 | {type, target} |