@caidong/cqkj-map

安装

npm i @caidong/cqkj-map --save

使用

<template>
   <cd-map />
</template>
<script>
import CdMap from 'cd-map'
export default {
  components: {
    CdMap
  }
}
</script>

属性

| 参数 | 说明 | 类型 | 可选值 | 默认值 | | ------ | ---------------------- | -------- | ------ | --------- | | center | 地图初始化时的中心坐标 | Array | | [34, 113] | | zoom | 地图初始化时的缩放级别 | Number | | 6 | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |

方法

| 方法名 | 说明 | 参数 | | -------------- | ------------ | ------------ | | CreateGridData | 添加网格数据 | 参考GridData |

事件

| 事件名 | 说明 | 参数 | | ------ | ---- | ---- | | | | |

内置对象

GridData

网格数据对象，用于网格数据的可视化

属性

| 参数 | 说明 | 类型 | 示例 | 默认值 | | ------ | ------------------ | -------------------------- | ---------------------------------------- | ------ | | size | 网格尺寸（行列数） | [列数,行数] | [256,345] | | | border | 网格边界 | {east,west,north,sorth} | | | | data | 格点数据 | [lon,lat,lon,lat...] | | | | legend | 图例 | {value:[],color:[]} | {value:[1,2],color:['#124578','58a541']} | | | clip | 裁剪数据 | [[[lon,lat],[lon,lat]...]] | | | | | | | | | | | | | | | | | | | | | | | | | | |

方法

| 方法名 | 说明 | 参数 | | ---------- | ------------ | -------------- | | SetVisible | 设置图层显隐 | {图层名：bool} |