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')
| 方法名 | 说明 | 类型 |
|---|---|---|
| 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 |
| 名称 | 说明 | 类型 |
|---|---|---|
| longitude | 经度 | number |
| latitude | 纬度 | number |
| height | 高度 | number |
| 名称 | 说明 | 类型 |
|---|---|---|
| longitude | 经度 | number |
| latitude | 纬度 | number |
| height | 高度 | number |
| label | label展示 | Label |
| tip | 单击展示 | Tip |
| menu | 右键展示 | Menu |
| 名称 | 说明 | 类型 |
|---|---|---|
| width | 宽度 | number |
| color | 颜色 | CssColor |
| 名称 | 说明 | 类型 |
|---|---|---|
| show | 是否展示 | number |
| text | 文本内容 | string |
| fillColor | 标签填充颜色 | CssColor |
| outlineColor | 标签字体轮廓 | CssColor |
| 名称 | 说明 | 类型 |
|---|---|---|
| show | 是否展示 | number |
| content | 内容 | HtmlString |
| style | 样式 | {key:value} |
| className | 外层类名 | string |
| 名称 | 说明 | 类型 |
|---|---|---|
| show | 是否展示 | number |
| style | 样式 | {key:value} |
| className | 外层类名 | string |
| menuItems | 右键菜单 | Array<{text:string,type:string}> |
| onSelect | 选中回调 | function(type,Entity) |
| 方法名 | 说明 | 类型 |
|---|---|---|
| setWeather | 设置天气 | (wether:'rain' | 'snow' | 'fog' ) => void |
| clearWeather | 关闭天气 |