Cesium 点线面

### Cesium 中点线面绘制与操作方法 #### 创建实体 (Entity) 在 Cesium 中，可以通过创建 `Entity` 来实现点、线、面的绘制。每种几何对象都有特定属性用于定义其外观和行为。 对于 **点** 的绘制： ```javascript viewer.entities.add({ position : Cesium.Cartesian3.fromDegrees(longitude, latitude), point : { pixelSize : 10, color : Cesium.Color.RED } }); ``` 针对 **线** 或者多段线(Polyline)，可以如下设置[^2]： ```javascript viewer.entities.add({ polyline : { positions : Cesium.Cartesian3.fromDegreesArray([ longitudeStart, latitudeStart, longitudeEnd, latitudeEnd]), width : 5, material : new Cesium.PolylineGlowMaterialProperty({ glowPower : 0.1, color : Cesium.Color.YELLOW }) } }); ``` 而要画出一个多边形（即“面”），则需指定一系列顶点位置形成闭合路径[^3]: ```javascript var polygon = viewer.entities.add({ name : 'Simple Polygon', polygon : { hierarchy : Cesium.Cartesian3.fromDegreesArray([ -72.12, 40.28, -72.19, 40.26, -72.22, 40.21 ]), material : Cesium.Color.BLUE.withAlpha(0.5) } }); ``` #### 用户交互事件处理 为了响应用户的鼠标动作并实时更新图形元素的位置或形状，在 Cesium 提供了一套屏幕空间事件机制。比如监听左键单击事件来添加新节点；通过拖拽改变现有节点坐标从而调整线条走向或是修改多边形边界[^4]。 ```javascript handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas); handler.setInputAction(function(click) { var cartesian = viewer.camera.pickEllipsoid(click.position, viewer.scene.globe.ellipsoid); if (cartesian) { // Add a point at the clicked location or update existing geometry. } }, Cesium.ScreenSpaceEventType.LEFT_CLICK); // For dragging to modify shapes during movement: handler.setInputAction(function(movement){ // Update shape based on mouse move events here... }, Cesium.ScreenSpaceEventType.MOUSE_MOVE); ``` 以上展示了如何利用 Cesium 实现基本的地图上点、线、面的操作方式。这些例子覆盖了从简单静态显示到动态编辑的各种场景需求[^1]。