Cesium绘制虚线 primitive entity


效果图

实例代码

只保留了关键代码部分,其余部分自行引入

开发使用Cesium1.81版本

1、Entity

var polyline1 = viewer.entities.add({
  polyline: {
    positions: Cesium.Cartesian3.fromDegreesArray([
      110.0,
      50.1,
      112.0,
      50.1
    ]),
    width: 3,
    material: new Cesium.PolylineDashMaterialProperty({
      color: Cesium.Color.YELLOW,
      dashLength: 20 //短划线长度
    })
  }
});

2、Primitive

var primitive1 = new Cesium.Primitive({
  geometryInstances: new Cesium.GeometryInstance({
    geometry: new Cesium.PolylineGeometry({
      positions: Cesium.Cartesian3.fromDegreesArray([
        110.0,
        50.0,
        112.0,
        50.0
      ]),
      width: 3.0,
      vertexFormat: Cesium.PolylineColorAppearance.VERTEX_FORMAT
    })
  }),
  appearance: new Cesium.PolylineMaterialAppearance({
    material: Cesium.Material.fromType(Cesium.Material.PolylineDashType, {
      color: Cesium.Color.CYAN, //线条颜色
      gapColor: Cesium.Color.TRANSPARENT, //间隔颜色
      dashLength: 20 //短划线长度
    })
  })
});

使用过程中,暂未发现有太大区别,根据需要是使用实体还是几何图形

本文转自 https://blog.csdn.net/wang415229224ye/article/details/119820156,如有侵权,请联系删除。