在cesium上打点
时间: 2024-01-24 11:14:22 浏览: 71
cesium.FlowEcharts:在cesium上叠加echarts
4星 · 用户满意度95%
在Cesium上打点可以使用工具封装来实现。根据引用中提供的博客文章,可以了解到Cesium实战记录(四)中介绍了绘制点线面的工具封装。可以参考该博客文章中的示例代码来实现在Cesium上打点的功能。
另外,根据引用中提供的代码片段,可以看出当经纬高发生变化时,会触发`angleChange`函数,并在函数中调用`addPic`方法来添加图片。可以根据具体需求,在`addPic`方法中实现在Cesium上打点的逻辑。
以下是一个示例代码,演示如何在Cesium上打点:
```javascript
// 引入Cesium库
import Cesium from 'cesium';
// 创建Cesium Viewer
var viewer = new Cesium.Viewer('cesiumContainer');
// 添加点
function addPoint(longitude, latitude, altitude) {
var entity = viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(longitude, latitude, altitude),
point: {
pixelSize: 10,
color: Cesium.Color.RED,
},
});
}
// 经纬高发生变化时触发的函数
function angleChange(flag, val) {
var num = parseInt(val);
if (flag == "lng") {
// 当经度发生变化时
addPoint(num, this.paramForm.latitude, this.paramForm.altitude);
} else if (flag == "lat") {
// 当纬度发生变化时
addPoint(this.paramForm.longitude, num, this.paramForm.altitude);
} else if (flag == "alt") {
// 当高度发生变化时
addPoint(this.paramForm.longitude, this.paramForm.latitude, num);
}
}
// 示例调用
angleChange("lng", 120);
```
请注意,以上示例代码仅为演示目的,具体实现需要根据实际情况进行调整。
阅读全文