Cesium快速上手4-Polylines图元使用讲解

原创

已于 2024-04-23 17:28:03 修改 · 2.7k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #cesium

于 2024-04-22 18:14:44 首次发布

本文详细介绍了Cesium库中Polyline的各种类型，如空间直线、恒向线、罗经线等，以及它们在地图上的表示和实际应用，如导航中的路线绘制。同时涵盖了发光、带边框、箭头和虚线等不同样式。

Polyline & Cesium.PolylineCollection

在这里插入图片描述
ArcType 线段的类型

以下逐步介绍：

空间直线(无弧度) Cesium.ArcType.NONE
空间直线很好理解，两点之间没有弧度，与球面是二维还是三维没有关系
球面线段
球面距离是球面上两点之间的最短连线的长度，就是经过这两点的大圆在这两点间的一段劣弧的长度。（大圆就是经过球心的平面截球面所得的圆）
恒向线
首先来看它的特性：

1.在墨卡托投影图上显示为直线
2.与每一子午线相交成同一角度
在这里插入图片描述

我们知道球体（例如地球）表面上两点之间的最短距离是一个大圆。导航的时候，要驶过一个真正的大圆圈，需要不断改变转向的路线。在大多数情况下，对于短距离航行而言，大圆弧路线和恒向线路线之间的长度差异很小。在高纬度或长途航行中，差异可能很大。在那种情况下，导航员通常将大圆航线分成一系列短的恒向线，以便舵手可以转向一次之后，几个小时不用转方向。

1.两点直接连线

const redLine = viewer.entities.add({
   
   
  name: "Red line on terrain",
  polyline: {
   
   
    positions: Cesium.Cartesian3.fromDegreesArray([-75, 35, -125, 35]),
    width: 5,
    material: Cesium.Color.RED,
    clampToGround: true,
  },
});