0.7.1 • Published 9 months ago

ly_cesium v0.7.1

Weekly downloads
-
License
-
Repository
-
Last release
9 months ago

ly_cesium

说明

最高支持Cesium1.92版

0.6.5后将支持Cesium1.121、不支持Cesium1.92需根据实际情况判断使用

邮箱

1838552423@qq.com

安装

需在index.html中引入地形与cesium js文件
<link rel="stylesheet" href="xxxxx/cesium_xxx/Cesium/Widgets/widgets.css">
<script src="xxx/cesium_xxx/Cesium/Cesium.js"></script>
<script src="http://api.tianditu.gov.cn/cdn/plugins/cesium/cesiumTdt.js" ></script>

npm install ly_cesium

快速引入

import { Source } from 'ly_cesium'  
const viewer = Source.Map.init(containerId, config, cesiumToken)
添加图层
Source.Map.addLayer(viewer, Source.Layer.tianLayer('天地图Token'))

可用图层

天地图卫星图
Source.Layer.tianLayer('天地图Token')
天地图标注
Source.Layer.tianTagging('天地图Token')
天地图国界
Source.Layer.tianCountryBorder('天地图Token')
天地图地形
Source.Layer.tianTerrainLayer(viewer, '天地图Token')
天地图影像服务
Source.Layer.tianAddImage(viewer, '天地图Token')
百度地图
Source.Layer.baiduLayer()
百度卫星地图
Source.Layer.baiduLayerImage()
高德影像
Source.Layer.gaodeImageLayer()
高德街道标注
Source.Layer.gaodeImageTagLayer()
高德街道图层
Source.Layer.gaodeStreeLayer()

点标绘(entity)

const _draw = new Draw.LyDrawPoint(viewer)
_draw.activate()

image

线段标绘(Primitive)

const drawLine = new LyDrawLine(viewer)
drawLine.activate()
drawLine.finish = (positions)=>{
}

面标绘(Primitive)

const draw = new LyDrawPolygon(viewer)
draw.activate()
draw.finish = (positions) => {
   
}

image

面标绘(Entity)可进行贴地绘制

const _draw = new Entity.DrawPolygon(viewer)
_draw.activate()
_draw.finish = ()=>{
  // 结束
}

image

线段添加(Primitive)

const lineManager = new LyLineManager(viewer)
lineManager.addByPosition(positions)
可添加彩色线段

image image

测距离

const _distance = new Distance(viewer)
_distance.activate()
_distance.finish = (distance, positions) => {
  // distance距离 千米
  // positions 笛卡尔坐标数组
}

image

测面积

const _measure = new Area(viewer)
_measure.activate()
_measure.finish = (area, positions, coordinates) => {
  // area 面积 单位km²
  // positions 笛卡尔坐标数组
  // coordinates 经纬度坐标数组
}

image

测高度

const _measure = new Measure.Height(viewer)
_measure.activate()

image

聚合类

const _cluster = new LyCluster(viewer)
const coordinates = [
  { latitude: 30.2084, longitude: 120.21201, height: 0 },
  { latitude: 31.2084, longitude: 120.21201, height: 0 },
  { latitude: 30.2083, longitude: 120.21201, height: 0 },
  { latitude: 30.2082, lnlongitudeg: 120.21201, height: 0 }
]
coordinates.forEach(e => {
  const entity = Entity.LyCluster.CreatePoint(null, Source.Map.coordinateHeightToCartesian(viewer, e))
  _cluster.addEntity(entity)
})

image

添加天气

雨天
const weather = new Weather.LyRain(viewer, { tiltAngle: 0.6, size: 0.02, speed: 150 })
weather.add()
雪、雾等类似

image image

动态纹理
image
image
image

模型管理

const _manager = new Model.LyGltfManager(viewer)
_manager.addControl(() => {

})

image

截图功能

const _screenshot = new Source.Screenshot(viewer)
_screenshot.get({
  success: (e) => {
    // e blob
  },
  fail: () => {

  }
})

自动下载图片
_screenshot.download = true

裁剪功能

const _clippinng = new Clipping.LyClippingPlane(viewer)
_clippinng.activate()

image image

地形多面裁剪 由于Cesium官方对于地形的裁剪只支持一个,通过修改源码实现多面裁剪,最高支持Cesium1.92
版本0.4.19及以上支持该功能 image

_draw = new Clipping.Index(viewer)
_draw.activate()
// 是否开启土壤填充
_draw.fill = false 

分屏显示

image

其他动态纹理,以及其他标绘具体使用说明情况请看语雀

0.7.1

9 months ago

0.7.0

9 months ago

0.6.9

9 months ago

0.6.7

10 months ago

0.6.6

10 months ago

0.6.8

10 months ago

0.6.5

11 months ago

0.6.3

12 months ago

0.6.2

12 months ago

0.6.4

12 months ago

0.6.1

12 months ago

0.6.0

1 year ago

0.5.4

2 years ago

0.5.3

2 years ago

0.5.6

2 years ago

0.5.5

2 years ago

0.5.0

2 years ago

0.5.2

2 years ago

0.5.1

2 years ago

0.5.8

2 years ago

0.5.7

2 years ago

0.5.9

2 years ago

0.4.49

2 years ago

0.4.53

2 years ago

0.4.51

2 years ago

0.4.52

2 years ago

0.4.50

2 years ago

0.4.42

2 years ago

0.4.43

2 years ago

0.4.48

2 years ago

0.4.46

2 years ago

0.4.47

2 years ago

0.4.44

2 years ago

0.4.45

2 years ago

0.4.40

3 years ago

0.4.41

3 years ago

0.4.31

3 years ago

0.4.32

3 years ago

0.4.30

3 years ago

0.4.39

3 years ago

0.4.37

3 years ago

0.4.38

3 years ago

0.4.35

3 years ago

0.4.36

3 years ago

0.4.33

3 years ago

0.4.34

3 years ago

0.4.20

3 years ago

0.4.21

3 years ago

0.4.28

3 years ago

0.4.29

3 years ago

0.4.26

3 years ago

0.4.27

3 years ago

0.4.24

3 years ago

0.4.25

3 years ago

0.4.22

3 years ago

0.4.23

3 years ago

0.4.19

3 years ago

0.4.17

3 years ago

0.4.18

3 years ago

0.4.9

3 years ago

0.4.8

3 years ago

0.3.9

3 years ago

0.4.10

3 years ago

0.4.15

3 years ago

0.4.16

3 years ago

0.4.13

3 years ago

0.4.14

3 years ago

0.4.11

3 years ago

0.4.12

3 years ago

0.3.0

3 years ago

0.4.5

3 years ago

0.3.6

3 years ago

0.4.4

3 years ago

0.3.5

3 years ago

0.4.7

3 years ago

0.3.8

3 years ago

0.2.9

3 years ago

0.4.6

3 years ago

0.3.7

3 years ago

0.4.1

3 years ago

0.3.2

3 years ago

0.4.0

3 years ago

0.3.1

3 years ago

0.4.3

3 years ago

0.3.4

3 years ago

0.4.2

3 years ago

0.3.3

3 years ago

0.2.8

3 years ago

0.2.7

3 years ago

0.2.6

3 years ago

0.2.4

3 years ago

0.2.3

3 years ago

0.2.2

3 years ago

0.2.1

3 years ago

0.2.0

3 years ago

0.1.9

3 years ago

0.1.8

3 years ago

0.1.7

3 years ago

0.1.6

3 years ago

0.1.5

3 years ago

0.1.4

3 years ago

0.1.3

3 years ago

0.1.2

3 years ago

0.1.1

3 years ago

0.1.0

3 years ago