利用cesium实现俩种的标记点和标签显示

Cesium是一个开源的JavaScript库，专用于创建高度交互式的三维地球视图，特别是在Web应用中。它允许你在3D地理空间中添加各种标记点（也称为“位标”或“地标”），如经纬度坐标上的图标、3D模型等。

要利用Cesium展示两种不同的标记点和标签，你可以按照以下步骤操作：

1. **加载Cesium**: 首先，你需要在HTML中引入Cesium库，并初始化一个沙箱（Cesium Viewer）来承载地图。

<script src="https://cesium.com/downloads/cesiumjs/releases/1.86/Build/Cesium/Cesium.js"></script>
<div id="cesiumContainer" style="width: 100%; height: 500px;"></div>

2. **创建场景**: 创建`Cesium.Viewer`实例，并设置所需的初始选项。

var viewer = new Cesium.Viewer('cesiumContainer', {
  imageryProvider: Cesium.createWorldImagery(),
});

3. **添加标记点**:
- 使用`viewer.entities.add()`方法添加标记点，提供位置和图像。例如，可以创建一个简单的3D球体作为标记点：

   var position = Cesium.Cartesian3.fromDegrees(0, 0); // 设置位置
   var marker = {
     position: position,
     billboard: {
       image: 'path/to/your/image.png',
       scaleByDistance: new Cesium.NearFarScalar(10000, 0.1, 1000, 1),
     },
   };
   viewer.entities.add(marker);

4. **添加标签**:
- 可以通过`Label`构造函数添加文本标签，同样传递给`viewer.entities.add()`：

   var labelOptions = {
     text: '这是标签内容',
     position: position,
     font: '16px sans-serif',
   };
   viewer.entities.add(new Cesium.Label(labelOptions));