Cesium 创建线

-小C_

已于 2024-04-08 11:30:58 修改

阅读量247

点赞数 1

分类专栏： Cesium 文章标签：前端

于 2024-04-08 11:19:09 首次发布

本文链接：https://blog.csdn.net/m0_75107188/article/details/137500796

版权

Cesium 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

其一:求出地形高度

const getTerrain = async position => {
  let positionArray = []
  position.forEach(item => {
    positionArray.push(Cesium.Cartographic.fromDegrees(item[0], item[1]))
  })
  let updatedPositions = await Cesium.sampleTerrainMostDetailed(
    window.cesium?.viewer?.terrainProvider,
    positionArray,
  )
  if (updatedPositions.length == 1) {
    return updatedPositions[0]
  } else {
    return updatedPositions
  }
}

其二：创建线

const createLines = (pointData，id)=> {
    let positions = []
    pointData.forEach(item => {
        positions.push([item.longitude, item.latitude])
    })
    getTerrain(positions).then(res => {
        const arrs = []
        res.forEach((item, index) => {
            arrs.push(
                pointData[index].longitude,
                pointData[index].latitude,
                item.height,
            )
        })
        window.cesium.entity.trends.lines.entities.add({
            type: `line`,
            id: Id+'_line',
            polyline: {
                positions: Cesium.Cartesian3.fromDegreesArrayHeights(arrs),
                width: 1,
                material: Cesium.Color.YELLOW.withAlpha(0.5),
                //material: lineBgColor.withAlpha(lineOpacity),//可以自定义颜色和透明度
            },
        })
    })
}