04Cesium创建点、线实体

      var p1 = Cesium.Cartesian3.fromDegrees(113,23.5,100)
      var p2 = Cesium.Cartesian3.fromDegrees(113,23,50)
      viewer.entities.add({
        id:'p1',
        position: p1,
        point: {
          pixelSize: 10,
          color: Cesium.Color.RED
        },
      })
      viewer.entities.add({
        id:'p2',
        position: p2,
        point: {
          pixelSize: 10,
          color: Cesium.Color.RED,
        },
      })
      var traj = viewer.entities.add({
        id:'traj',
        polyline:{
          positions:[p1,p2],
          width:10,
          material:Cesium.Color.YELLOW
        }
      })
      viewer.zoomTo(traj)

效果展示: 

### Cesium创建线和面 #### 创建对象 在 Cesium 中,可以通过 `Entity` 或者 `Primitive` 来创建几何图形。对于简单的场景,推荐使用 `Entity` API,因为更易于操作。 要创建一个实体,在初始化 viewer 后可以如下定义: ```javascript viewer.entities.add({ position : Cesium.Cartesian3.fromDegrees(-75.1641, 39.9522), point : { pixelSize : 10, color : Cesium.Color.RED } }); ``` 这段代码会在指定地理坐标处添加一个红色的[^1]。 #### 绘制线段 绘制一条或多条线段同样简单。下面的例子展示了如何连接两个位置形成直线路径: ```javascript viewer.entities.add({ polyline : { positions : Cesium.Cartesian3.fromDegreesArray([ -75.1641, 39.9522, -80.1641, 39.9522 ]), width : 5, material : new Cesium.PolylineGlowMaterialProperty({color: Cesium.Color.BLUE}) } }); ``` 这里设置了一种发光效果来增强视觉表现力。 #### 构建多边形(面) 构建一个多边形区域,比如矩形或其他形状,则需提供一系列顶构成闭合轮廓: ```javascript var rectangle = viewer.entities.add({ polygon : { hierarchy : Cesium.Cartesian3.fromDegreesArray([ -75.1641, 39.9522, -75.1641, 40.9522, -70.1641, 40.9522, -70.1641, 39.9522 ]), material : Cesium.Color.YELLOW.withAlpha(0.5), // 半透明黄色填充 outline : true, outlineColor : Cesium.Color.BLACK // 黑色边缘 } }); ``` 上述脚本实现了带有黑色边框的半透明黄色矩形绘制[^2]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wfq0007

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值