# CesiumPro

**Repository Path**: lifefriend/cesium-pro

## Basic Information

- **Project Name**: CesiumPro
- **Description**: cesium二次封装模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-06-07
- **Last Updated**: 2024-06-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

关于 Cesium 的二次封装

### 使用说明

1. 使用 script 引入

```html
<script src="/cesium/Cesium/Cesium.js"></script>
<script src="/build/CesiumPro.js"></script>
<link href="/thirdParty/cesium/Cesium/Widgets/widgets.css" rel="stylesheet" />
<link href="/build/assets/core.css" rel="stylesheet" />
```

**建议使用这种方法引入**
**支持的 Cesium 最高版本为 cesium 1.118**

2. 使用 npm 引入

```sh
npm install cesium@1.118 cesiumpro
```

```js
import * as Cesium from 'cesium';
import * as CesiumPro from 'cesiumpro';
...
```

如果使用 npm 引入，需要配置 webpack

```js
module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.DefinePlugin({
        // Define relative base path in cesium for loading assets
        CESIUM_BASE_URL: JSON.stringify(""),
        CESIUMPRO_BASE_URL: JSON.stringify(""),
      }),
      new CopyWebpackPlugin({
        patterns: [
          { from: "node_modules/cesium/Build/Cesium/Workers", to: "Workers" },
          {
            from: "node_modules/cesium/Build/Cesium/ThirdParty",
            to: "ThirdParty",
          },
          { from: "node_modules/cesium/Build/Cesium/Assets", to: "Assets" },
          { from: "node_modules/cesium/Build/Cesium/Widgets", to: "Widgets" },
        ],
      }),
    ],
  },
}
```

### 开发

安装依赖后执行`npm start`可以本地运行，查看示例和文档

![Alt text](image.png)

![Alt text](image-1.png)