cesium加载注记图层
时间: 2023-12-27 19:23:21 浏览: 85
Cesium加载超图S3M
以下是使用Cesium加载注记图层的示例代码:
```javascript
// 创建地图场景
var viewer = new Cesium.Viewer('cesiumContainer');
// 创建注记图层
var annotationLayer = new Cesium.CustomDataSource('annotation');
// 添加注记实体
var entity = annotationLayer.entities.add({
position: Cesium.Cartesian3.fromDegrees(116.38, 39.90),
label: {
text: '北京市',
font: 'bold 24px sans-serif',
fillColor: Cesium.Color.WHITE,
outlineColor: Cesium.Color.BLACK,
outlineWidth: 2,
style: Cesium.LabelStyle.FILL_AND_OUTLINE,
pixelOffset: new Cesium.Cartesian2(0, -30),
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
verticalOrigin: Cesium.VerticalOrigin.BOTTOM
}
});
// 将注记图层添加到地图场景中
viewer.dataSources.add(annotationLayer);
```
以上代码创建了一个地图场景,并在该场景中创建了一个注记图层,然后向注记图层中添加了一个注记实体。最后将注记图层添加到地图场景中,即可在地图上显示注记。
阅读全文