使用说明

安装

npm i  @kdhy/gismap

使用前注意事项

因为使用cesium，需要配置静态资源目录

1.服务配置静态资源目录

2.window['CESIUM_BASE_URL'] = '/static/Cesium'

Cesium使用静态资目录： node_modules/@kdhy/gismap/build/Cesium

使用

import GisMap from "@kdhy/gismap"

const gisMap = new GisMap('cesium')

使用文档目录

文档地址

基础方法

methods

| 方法名 | 说明 | 类型 | | :--------------- | :----------- | :--------------------------------------------------------------------------- | | setView | 设置视角 | (position) => void | | cZoomIn | 放大 | () => void | | cZoomOut | 缩小 | () => void | | setSceneMode2D3D | 2/3维转换 | （type: 2 | 3）=> void | | drawPoint | 绘制点 | (drawMpointOptions) => point | | drawLine | 绘制线 | (Array<[longitude,latitude,height]>,lineOptions) => polyLine | | drawAnimateLine | 绘制动态线 | (Array<[longitude,latitude,height]>,lineOptions) => polyLine | | drawPolyLine | 绘制管线 | (Array<[longitude,latitude,height]>,lineOptions) => polyLine | | remove | 移除元素节点 | (id | Entity)=>void |

position:{}

| 名称 | 说明 | 类型 | | :-------- | :--- | :----- | | longitude | 经度 | number | | latitude | 纬度 | number | | height | 高度 | number |

pointOptions:{}

| 名称 | 说明 | 类型 | | :-------- | :-------- | :-------------- | | longitude | 经度 | number | | latitude | 纬度 | number | | height | 高度 | number | | label | label展示 | Label | | tip | 单击展示 | Tip | | menu | 右键展示 | Menu |

lineOptions:{}

| 名称 | 说明 | 类型 | | :---- | :--- | :------- | | width | 宽度 | number | | color | 颜色 | CssColor |

Label:{}

| 名称 | 说明 | 类型 | | :----------- | :----------- | :------- | | show | 是否展示 | number | | text | 文本内容 | string | | fillColor | 标签填充颜色 | CssColor | | outlineColor | 标签字体轮廓 | CssColor |

Tip:{}

| 名称 | 说明 | 类型 | | :-------- | :------- | :---------- | | show | 是否展示 | number | | content | 内容 | HtmlString | | style | 样式 | {key:value} | | className | 外层类名 | string |

Menu:{}

| 名称 | 说明 | 类型 | | :-------- | :------- | :------------------------------- | | show | 是否展示 | number | | style | 样式 | {key:value} | | className | 外层类名 | string | | menuItems | 右键菜单 | Array<{text:string,type:string}> | | onSelect | 选中回调 | function(type,Entity) |

天气

| 方法名 | 说明 | 类型 | | :----------- | :------- | :------------------------------------------- | | setWeather | 设置天气 | (wether:'rain' | 'snow' | 'fog' ) => void | | clearWeather | 关闭天气 | |