Cesium开发日记—绘制虚线

最新推荐文章于 2025-04-23 10:20:25 发布

那个人总在笑

最新推荐文章于 2025-04-23 10:20:25 发布

阅读量7.8k

点赞数 6

分类专栏： Cesium 文章标签： javascript gis webgl

本文链接：https://blog.youkuaiyun.com/wang415229224ye/article/details/119820156

版权

效果图

实例代码

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

开发使用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,