cesium添加点、线、面、文字、图标、模型等标绘

最新推荐文章于 2025-10-02 11:43:15 发布

原创

最新推荐文章于 2025-10-02 11:43:15 发布 · 9.5k 阅读

38 ·

CC 4.0 BY-SA版权

文章标签：

#前端

Cesium的EntityAPI提供了高级别的数据驱动接口，用于在三维空间中创建和管理可视化对象，如点、线、面、文字、图标和模型。开发者可以利用Cartesian3和Color等工具设定对象的位置、颜色和样式，并控制它们在不同距离下的显示条件。EntityAPI简化了图形编程，适合非图形学专业背景的开发者使用。

Cesium Entity是可以与样式化图形表示配对并定位在空间和时间上的数据对象，或者说Cesium 提供 Entity API 来绘制控件数据。所以我们添加的所有标绘都是entity

Entity API简介
Cesium提供两类API：

面向图形开发人员的底层API，通常称为“Primitive API”。该API暴露最小限度的抽象，使用图形学术语，具有很大的灵活性，需要具有图形学编程的知识。
高级别的数据驱动的API，称为“Entity API”。该API使用一致性设计的、高级别的对象，来管理一组相关性的可视化对象，其底层使用Primitive API。

官网说明文档：https://cesium.com/docs/cesiumjs-ref-doc/Entity.html

形状与立体（Shapes and Volumes）
支持的形状与立体列表
可以查看官方文档（每个图形后面都有要传递的参数，点击可以直接查看）
https://cesium.com/docs/cesiumjs-ref-doc/Entity.html
用到的API

Cesium.Cartesian3：
https://cesium.com/docs/cesiumjs-ref-doc/Cartesian3.html?classFilter=Cartesian3

Cesium.Color：
https://cesium.com/docs/cesiumjs-ref-doc/Color.html

点：
API：https://cesium.com/docs/cesiumjs-ref-doc/PointGraphics.html

//entities.add(entity) 
	viewer.entities.add({
	  // fromDegrees（经度，纬度，高度，椭球，结果）从以度为单位的经度和纬度值返回Cartesian3位置
      position: Cesium.Cartesian3.fromDegrees(108, 34, 10),
      point: {
        // 点的大小（像素）
        pixelSize: 5,
        // 点位颜色，fromCssColorString 可以直接使用CSS颜色
        color: Cesium.Color.fromCssColorString('#ee0000'),
        // 边框颜色
        outlineColor: Cesium.Color.fromCssColorString('#fff'),
        // 边框宽度(像素)