cesium-xs-sdk 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md ADDED
@@ -0,0 +1,104 @@
1
+ # cesium-xs-sdk
2
+
3
+ 基于 [Cesium 1.137](https://cesium.com/) 封装的轻量级三维 GIS SDK。
4
+
5
+ > 目标:让 Cesium 常用能力(图层、标绘、事件、编辑)更易用、更统一。
6
+
7
+ ## 安装
8
+
9
+ ### 外网项目(npm)
10
+
11
+ ```bash
12
+ npm install cesium-xs-sdk cesium
13
+ ```
14
+
15
+ ### 内网项目(离线包)
16
+
17
+ 从 [Gitee Release](https://gitee.com/d1564427109/cesium-xs-sdk/releases) 下载 `cesium-xs-sdk-v{x.x.x}-offline.zip`,解压后复制到项目。
18
+
19
+ ## 快速开始
20
+
21
+ ### HTML / script 标签
22
+
23
+ ```html
24
+ <link rel="stylesheet" href="Cesium-1.137/Build/Cesium/Widgets/widgets.css" />
25
+ <script src="Cesium-1.137/Build/Cesium/Cesium.js"></script>
26
+ <script src="xs3d/cesium-xs-sdk.umd.js"></script>
27
+
28
+ <script>
29
+ const sdk = xs3d.init('cesiumContainer', {
30
+ cesiumToken: 'your-ion-token'
31
+ });
32
+
33
+ sdk.graphicModule.createPoint('p1')
34
+ .setPosition([116.4, 39.9, 0])
35
+ .setColor(Cesium.Color.RED);
36
+ </script>
37
+ ```
38
+
39
+ ### Vue 3
40
+
41
+ ```js
42
+ import { useXs3d } from 'cesium-xs-sdk/vue';
43
+
44
+ const { sdk, sceneModule, graphicModule, isReady } = useXs3d('cesiumContainer', {
45
+ cesiumToken: 'your-token'
46
+ });
47
+ ```
48
+
49
+ ### Vue 2
50
+
51
+ ```js
52
+ import { useXs3d } from 'cesium-xs-sdk/vue2';
53
+
54
+ export default {
55
+ setup() {
56
+ const { sdk, sceneModule, graphicModule } = useXs3d('cesiumContainer', {
57
+ cesiumToken: 'your-token'
58
+ });
59
+ return { sdk, sceneModule, graphicModule };
60
+ }
61
+ };
62
+ ```
63
+
64
+ ### React
65
+
66
+ ```jsx
67
+ import { useXs3d } from 'cesium-xs-sdk/react';
68
+
69
+ function Map() {
70
+ const { sdk, isReady } = useXs3d('cesiumContainer', {
71
+ cesiumToken: 'your-token'
72
+ });
73
+ return <div id="cesiumContainer" style={{ width: '100%', height: '100%' }} />;
74
+ }
75
+ ```
76
+
77
+ ## 构建产物
78
+
79
+ ```text
80
+ dist/
81
+ ├── cesium-xs-sdk.esm.js # ES Module(Vite / Vue3 / 现代构建工具)
82
+ ├── cesium-xs-sdk.cjs.js # CommonJS(Node / SSR)
83
+ ├── cesium-xs-sdk.umd.js # UMD / 全局变量 xs3d(HTML / script 标签)
84
+ └── cesium-xs-sdk.d.ts # TypeScript 类型声明
85
+ ```
86
+
87
+ ## 核心模块
88
+
89
+ | 模块 | 说明 |
90
+ |------|------|
91
+ | `SceneModule` | 影像/地形/3D Tiles 图层、坐标转换、相机定位 |
92
+ | `GraphicModule` | 点、线、面、模型、文字、标绘图元创建与管理 |
93
+ | `EventModule` | 鼠标、键盘、场景事件订阅与发布 |
94
+ | `EditorModule` | 绘制、编辑、选择、删除等交互工具 |
95
+
96
+ ## 文档
97
+
98
+ - [SDK 开发指南](../CLAUDE.md)
99
+ - [军事标绘集成计划](docs/military-plot-sdk-integration-plan.md)
100
+ - [变更记录](docs/change-log/)
101
+
102
+ ## 许可证
103
+
104
+ MIT © 成都玄宿科技有限公司