安装和设置

字数统计: 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描述
.ttfapplication/octet-streamTrue Type 字体
.wasmapplication/wasmWebAssembly
.woffapplication/font-woffWeb 开放字体格式
.woff2application/font-woff2WOFF 文件格式 2.0
.wsvapplication/octet-stream支持 SceneView 的初始可视化
.pbfapplication/x-protobuf某些图层的 MapView 标注字体

注意,支持 HTTPS 的 web 服务器要求 web 服务器使用 SSL web 服务器证书。