主题
安装和设置
字数统计: 562 字
阅读时长: 约 1 分钟
当前版本: 4.29
访问 API
GeoScene Maps SDK for JavaScript 提供了多种引入方式,包括AMD和ES模块。查看工具简介可以了解更多关于 AMD 和 ES 模块的说明。
访问 GeoScene 在线 API AMD 模块
访问 API 的最常用方法是使用在线版本。在代码中引用GeoScene在线资源中的 API 和 CSS 就可以在应用程序中使用在线的API。
html
<link rel="stylesheet" href="https://js.geoscene.cn/4.29/geoscene/themes/light/main.css">
<script src="https://js.geoscene.cn/4.29/"></script>
通过 NPM 使用 ES 模块
还可通过 npm (JavaScript 软件包管理器) 导入 ES 模块 API。通过 npm 在本地安装 API,然后与 JavaScript 框架 (如 React 和 Vue 等) 及模块打包工具 (如 webpack 或 rollup.js) 一起使用。
安装:
js
npm install @geoscene/core
导入模块:
js
import Map from "@geoscene/core/Map.js";
CSS使用 @import url
:
js
// CSS url as a string
@import "https://js.geoscene.cn/4.29/@geoscene/core/assets/geoscene/themes/light/main.css";
更多详细信息,请参阅以下指南:
使用在线 ES 模块
注:建议将此方法目前用于开发和原型设计。
html
<link rel="stylesheet" href="https://js.geoscene.cn/4.29/@geoscene/core/assets/geoscene/themes/light/main.css">
<script type="module">
import Map from "https://js.geoscene.cn/4.29/@geoscene/core/Map.js";
// Use the Map class
</script>
本地托管的 AMD 模块
在某些情况下,可能需要使用 GeoScene API AMD 模块的本地托管版本。例如,在没有互联网接入的受限网络环境中工作时。
Web 服务器托管配置
托管 GeoScene Maps SDK for JavaScript 的 Web 服务器托管配置需要以下 MIME/type 注册。
扩展名 | MIME/type | 描述 |
---|---|---|
.ttf | application/octet-stream | True Type 字体 |
.wasm | application/wasm | WebAssembly |
.woff | application/font-woff | Web 开放字体格式 |
.woff2 | application/font-woff2 | WOFF 文件格式 2.0 |
.wsv | application/octet-stream | 支持 SceneView 的初始可视化 |
.pbf | application/x-protobuf | 某些图层的 MapView 标注字体 |
注意,支持 HTTPS
的 web 服务器要求 web 服务器使用 SSL web 服务器证书。