Update sample code in README

This commit is contained in:
onsummer 2021-06-08 22:07:21 +08:00
parent 86d763eab2
commit 3ebffebce3
2 changed files with 19 additions and 19 deletions

View File

@ -25,8 +25,8 @@ yarn add @openglobus/og
### Code: using umd lib ### Code: using umd lib
```html ```html
<link rel="stylesheet" href="./libs/og-0.8.10.css"> <link rel="stylesheet" href="./libs/og.css">
<script src="./libs/og-0.8.10-umd.js"></script> <script src="./libs/og.umd.js"></script>
<div id="globus"></div> <div id="globus"></div>
<script> <script>
@ -51,11 +51,11 @@ yarn add @openglobus/og
### Code: using esm lib ### Code: using esm lib
``` html ``` html
<link rel="stylesheet" href="./libs/og-0.8.10.css"> <link rel="stylesheet" href="./libs/og.css">
<div id="globus"></div> <div id="globus"></div>
<script type="module"> <script type="module">
import { layer, Globe, terrain } from './libs/og-0.8.10-esm.js' import { layer, Globe, terrain } from './libs/og.esm.js'
const { XYZ } = layer const { XYZ } = layer
const { GlobusTerrain } = terrain const { GlobusTerrain } = terrain
@ -105,13 +105,13 @@ Run
npm run build npm run build
``` ```
Then, it will generate 3 files at `dist/@openglobus/`: Then, it will generate 5 files at `dist/@openglobus/`:
- og-<currentVersion\>-umd.js - og.umd.js
- og-<currentVersion\>-umd.js.map - og.umd.js.map
- og-<currentVersion\>-esm.js - og.esm.js
- og-<currentVersion\>-esm.js.map - og.esm.js.map
- og-<currentVersion\>.css - og.css
All JavaScript files are compressed by `terser` plugin. All JavaScript files are compressed by `terser` plugin.

View File

@ -21,8 +21,8 @@ yarn add @openglobus/og
### 代码:使用 umd 引用 ### 代码:使用 umd 引用
``` html ``` html
<link rel="stylesheet" href="./libs/og-0.8.10.css"> <link rel="stylesheet" href="./libs/og.css">
<script src="./libs/og-0.8.10-umd.js"></script> <script src="./libs/og.umd.js"></script>
<div id="globus"></div> <div id="globus"></div>
<script> <script>
@ -47,11 +47,11 @@ yarn add @openglobus/og
### 代码:使用 esm 引用 ### 代码:使用 esm 引用
```html ```html
<link rel="stylesheet" href="./libs/og-0.8.10.css"> <link rel="stylesheet" href="./libs/og.css">
<div id="globus"></div> <div id="globus"></div>
<script type="module"> <script type="module">
import { layer, Globe, terrain } from './libs/og-0.8.10-esm.js' import { layer, Globe, terrain } from './libs/og.esm.js'
const { XYZ } = layer const { XYZ } = layer
const { GlobusTerrain } = terrain const { GlobusTerrain } = terrain
@ -104,11 +104,11 @@ npm run build
随后会在 `dist/@openglobus/` 目录下生成下列 5 个文件: 随后会在 `dist/@openglobus/` 目录下生成下列 5 个文件:
- og-<当前版本\>-umd.js - og.umd.js
- og-<当前版本\>-umd.js.map - og.umd.js.map
- og-<当前版本\>-esm.js - og.esm.js
- og-<当前版本\>-esm.js.map - og.esm.js.map
- og-<当前版本>.css - og.css
其中js 文件均使用 `terser` 插件进行了代码压缩。 其中js 文件均使用 `terser` 插件进行了代码压缩。