satng / gismap

Applition of GIS

使用说明

安装

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	关闭天气