安装和设置

访问 API

GeoScene Maps SDK for JavaScript 提供了多种引入方式。更多关于 AMD 和 ES 模块的详细说明,请参阅工具简介

通过 GeoScene在线API 访问 AMD 模块

访问 API 的最常用方法是使用在线版本。GeoScene 提供了在线版本 API,通过引用 GeoScene 在线资源 中的 API 和 CSS 就可以在应用程序中使用。

代码块使用深色复制
  
1
2
<link rel="stylesheet" href="https://js.geoscene.cn/4.25/geoscene/themes/light/main.css">
<script src="https://js.geoscene.cn/4.25/"></script> 

通过 NPM 使用 ES 模块

API 还可通过 npm (JavaScript 软件包管理器) 导入 ES 模块。通过 npm 在本地安装 API,然后与 JavaScript 框架 (如 React 和 Angular 等) 及模块打包工具 (如 webpack 或 rollup.js) 一起使用。

安装:

代码块使用深色复制
 
1
npm install @geoscene/core 

导入模块:

代码块使用深色复制
 
1
import Map from "@geoscene/core/Map"; 

更多详细信息,请参阅以下指南:

使用在线 ES 模块

注:目前仅建议将此方法用于开发和原型设计。

代码块使用深色复制
      
1
2
3
4
5
6
<link rel="stylesheet" href="https://js.geoscene.cn/4.25/@geoscene/core/assets/geoscene/themes/light/main.css">
<script type="module">
  import Map from "https://js.geoscene.cn/4.25/@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 的初始可视化

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

您的浏览器不再受支持。请升级您的浏览器以获得最佳体验。