数产&蚁首 图层组件

快速开始

添加组件包

yarn add anthead-mapbox-layer

更新组件包

yarn upgrade [email protected]

使用方法

引入

main.js

import { AHEnterpriseLayer } from 'anthead-mapbox-layer'
Vue.component('EnterpriseLayer', AHEnterpriseLayer.EnterpriseLayer)
Vue.component('FireLayer', AHEnterpriseLayer.FireLayer)
Vue.component('GasLayer', AHEnterpriseLayer.GasLayer)

使用

| 属性/方法 | 说明 | 备注 | |----------|---------|-----| | isHidden | 展示/关闭图层 | false | | areaCode | 区划 | 330109 | | mapIns | 地图实例 | null | | areaChange | 区划改变 | 时间 |

安全企业隐患图层

<EnterpriseLayer
    v-if="!isHidden"
    :isHidden="isHidden"
    :areaCode="areaCode"
    :mapIns="mapIns"
    @areaChange="handleAreaChange"
/>

消防119图层

<FireLayer
    v-if="!isHidden"
    :isHidden="isHidden"
    :areaCode="areaCode"
    :mapIns="mapIns"
    @areaChange="handleAreaChange"
/>

燃气钢瓶图层

<GasLayer
    v-if="!isHidden"
    :isHidden="isHidden"
    :areaCode="areaCode"
    :mapIns="mapIns"
    @areaChange="handleAreaChange"
/>