cesium 绘制折线 Primitive和 entities方式

最新推荐文章于 2024-09-02 22:50:32 发布

lyasura

最新推荐文章于 2024-09-02 22:50:32 发布

阅读量148

点赞数 3

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/lyfly8023/article/details/141224932

版权

Primitive：

    let polylinePrimitives = new Cesium.Primitive({
    geometryInstances: new Cesium.GeometryInstance({
      geometry: new Cesium.PolylineGeometry({
        positions: Cesium.Cartesian3.fromDegreesArray(points),//坐标必须两个和两个以上
        width: 4.0,//线宽
        vertexFormat: Cesium.PolylineColorAppearance.VERTEX_FORMAT
      }),
      attributes: {
        color: Cesium.ColorGeometryInstanceAttribute.fromColor(color),//color  必须设置 不然没有效果
      }
    }),
    appearance: new Cesium.PolylineColorAppearance({
      translucent: false
    })
  });
  viewer.scene.primitives.add(sensorPolylinePrimitives);

entities:

viewer.entities.add({
    polyline: {
      positions: positions,
      width: 3,
      material: Cesium.Color.BLUE.withAlpha(1),
      show: true,
      clampToGround: true
    }
  })

entities 动态更新:

viewer.entities.add({
    polyline: {
      positions: new Cesium.CallbackProperty(function () {
        return positions; // 返回最新的位置数组
      }, false),
      width: 3,
      material: Cesium.Color.BLUE.withAlpha(1),
      show: true,
      clampToGround: true
    }
  });