Skip to content

安装

提示

SDK支持的 Firefox 版本 114 以上 , Chrome 版本 80 以上

SDK支持 Typescript

本地包✨

  1. 在项目根目录下创建本地包文件夹

image-20240617145051974

  1. 将提供的SDK文件放入 local-modules 文件夹下

  2. package.json的依赖包中添加本地包依赖

json
 "dependencies": {
    "3umap": "file:local-modules\\_3umap", 
    "vue": "^3.3.4"
  }

或者运行命令

shell
pnpm add file:local-modules/_3umap

信息

如果安装过程中提示,cesiumaxios 版本冲突

cesium 必须安装指定版本

axios可以修改SDK的package.json axios的版本跟你项目的版本一致

  1. 将提供的SDK文件夹下的assets文件夹,拷贝到项目的静态资源文件夹下,或使用打包工具的拷贝插件自动拷贝

    image-20240617150157289

提示

assets文件夹下包含了图片,css,和第三方依赖包

第三方依赖主要是 cesium axios

警告

打包时注意,如果打包时排除了外部依赖需要,在html模板中手动引入

  1. 使用时需要先引入css

    typescript
    import '3umap/assets/style/index.css';

cdn

目前可以通过 cdn 方式,在页面上引入 js 和 css 文件

html
<link rel="stylesheet" href="./_3umap/assets/style/index.css" />
<script src="./_3umap/assets/Cesium/index.js"></script>
<script src="./_3umap/assets/DependencyPackages/axios/index.js"></script>
<script src="./_3umap/_3umap.js"></script>

提示

需要将 SDK assets 文件夹 放入 public 根目录下