# cesium-plot-js **Repository Path**: mirrors-gis/cesium-plot-js ## Basic Information - **Project Name**: cesium-plot-js - **Description**: 标绘 - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 3 - **Created**: 2024-04-25 - **Last Updated**: 2025-06-23 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # cesium-plot-js cesium 军事标绘插件,支持绘制多边形、曲线、箭头等图形  淡入淡出效果:  生长动画:  在线示例: [demo](https://ethan-zf.github.io/cesium-plot-js/examples/index.html) ### CDN 1. 引入文件 ``` ``` 2. 调用绘制 api ``` new CesiumPlot.FineArrow(Cesium, viewer); ``` ### NPM 1. install ``` npm i cesium-plot-js ``` 2. import ``` import CesiumPlot from 'cesium-plot-js'; ``` 3. 调用绘制 api ``` new CesiumPlot.FineArrow(Cesium, viewer); ``` ### Classes 每个图形为独立的类,绑定事件或其他操作通过类的实例来实现 | 类名 | 类型 | 描述 | 生长动画 | | ---------------------- | --------- | ---------------- | -------- | | Polygon | 'polygon' | 多边形 | ❌ | | Reactangle | 'polygon' | 矩形 | ❌ | | Triangle | 'polygon' | 三角形 | ❌ | | Circle | 'polygon' | 圆形 | ❌ | | StraightArrow | 'line' | 细直箭头 | ✔️ | | CurvedArrow | 'line' | 曲线箭头 | ✔️ | | FineArrow | 'polygon' | 直箭头 | ✔️ | | AttackArrow | 'polygon' | 进攻方向箭头 | ✔️ | | SwallowtailAttackArrow | 'polygon' | 燕尾进攻方向箭头 | ✔️ | | SquadCombat | 'polygon' | 分队战斗方向 | ✔️ | | SwallowtailSquadCombat | 'polygon' | 燕尾分队战斗方向 | ✔️ | | AssaultDirection | 'polygon' | 突击方向 | ✔️ | | DoubleArrow | 'polygon' | 双箭头 | ✔️ | | FreehandLine | 'line' | 自由线 | ❌ | | FreehandPolygon | 'polygon' | 自由面 | ❌ | | Curve | 'line' | 曲线 | ❌ | | Ellipse | 'polygon' | 椭圆 | ❌ | | Lune | 'polygon' | 半月面 | ❌ | ### 构造函数 所有图形的构造函数: <类名>(cesium: Cesium, viewer: Cesium.Viewer, style?: [PolygonStyle](#PolygonStyle) | [LineStyle](#LineStyle))