irpas技术客

Cesium开发日记—绘制虚线_wang415229224ye_cesium 虚线

未知 2655

效果图

实例代码?

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

开发使用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 //短划线长度 }) }) });

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


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #cesium #虚线 #polyline1 #polyline