cesium根据两点经纬度绘制线段
时间: 2025-04-30 17:56:00 浏览: 37
### 绘制线段
为了在 Cesium 中根据两点的经纬度坐标绘制线段,可以利用 `Cesium.Polyline` 实体来实现这一目标。通过设置 polyline 的 positions 属性为包含两个点的世界坐标数组,即可完成线段的定义[^1]。
下面展示一段 JavaScript 代码示例,这段代码展示了如何初始化 Cesium Viewer 并添加一条连接指定起点和终点位置的线段:
```javascript
// 初始化 Cesium Viewer 对象并绑定到 HTML 页面上的 'cesiumContainer' div 元素上
var viewer = new Cesium.Viewer('cesiumContainer');
// 定义起始点和结束点的位置信息 (经度,纬度,高度),单位分别为 度 和 米
var startLonLatHeight = [-72.0, 40.0, 0]; // 起始点:纽约附近某处地面位置
var endLonLatHeight = [-117.0, 32.0, 0]; // 结束点:洛杉矶附近某处地面位置
// 将 WGS84 坐标转换成 Cartesian3 类型表示的空间直角坐标系下的向量
var startPos = Cesium.Cartesian3.fromDegrees(...startLonLatHeight);
var endPos = Cesium.Cartesian3.fromDegrees(...endLonLatHeight);
// 创建 Polyline 图形对象并将上述两地点作为其路径端点
viewer.entities.add({
name : 'Line from New York to Los Angeles',
polyline : {
positions : [startPos, endPos],
width : 5,
material : Cesium.Color.RED.withAlpha(0.7),
clampToGround : true
}
});
// 刷新视图以显示新添加的内容
viewer.zoomTo(viewer.entities);
```
此代码片段实现了从东海岸至西海岸跨越美国大陆的一条红色线条渲染效果,并且这条线路会紧贴地球表面进行描绘。
阅读全文
相关推荐

















