使用mars3d的几种方式

Mars3D 提供了多种获取 SDK 类库的方式，你可以根据项目的实际情况和技术栈选择以下任意一种方式安装。

• 从 npm 安装
• 从 CDN 引入
• 从 Mars3D 官网 下载

1. 从 npm 获取

使用 Node 环境下的现代 web 前端技术栈时，可以使用 npm 或 cnpm 或 yarn 等方式来安装 mars3d 包

//安装mars3d主库
npm install mars3d --save

//安装mars3d插件（按需安装）
npm install mars3d-space --save

安装后在相关使用文件中引入使用即可

//引入cesium基础库
import "mars3d-cesium/Build/Cesium/Widgets/widgets.css";
import * as Cesium from "mars3d-cesium";

//导入mars3d主库
import "mars3d/dist/mars3d.css";
import * as mars3d from "mars3d";

//导入mars3d插件（按需使用，需要先npm install）
import "mars3d-space";

2. 从 CDN 获取

以 unpkg 为例

<!--引入cesium基础lib-->
<link href="https://unpkg.com/mars3d-cesium/Build/Cesium/Widgets/widgets.css" rel="stylesheet" type="text/css" />
<script>
  // window.CESIUM_BASE_URL = "https://unpkg.com/mars3d-cesium/Build/Cesium/" //非必须，如jsp、asp.net等非html框架报错时建议取消注释
</script>
<script src="https://unpkg.com/mars3d-cesium/Build/Cesium/Cesium.js" type="text/javascript" ></script>
<script src="https://unpkg.com/@turf/turf/turf.min.js" type="text/javascript" ></script>

<!--引入mars3d库lib-->
<link href="https://unpkg.com/mars3d/dist/mars3d.css" rel="stylesheet" type="text/css" />
<script src="https://unpkg.com/mars3d/dist/mars3d.js" type="text/javascript" ></script>

<!--引入mars3d库插件lib（按需引入）-->
<script src="https://unpkg.com/mars3d-space/dist/mars3d-space.js" type="text/javascript" ></script>

3. 从 Mars3D 官网 下载获取

可以在Mars3D 官网(opens new window)下载 mars3d-sdk.rar 离线包 后在本地项目中引入相对路径资源来使用。 将下载的 SDK 放在项目目录内，使用方式与上面 2 种基本相同，区别在于 url 路径是本地项目的相对路径。