瀏覽代碼

add examples

tags/3.0.0
Caven Chen 2 年之前
父節點
當前提交
e491ab3829

+ 0
- 1
.gitignore 查看文件

@@ -14,4 +14,3 @@ dist/
*.njsproj
package-lock.json
.DS_Store
/examples

+ 52
- 0
examples/base-layer.html 查看文件

@@ -0,0 +1,52 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>dc-example</title>
<script src='/libs/dc-sdk/dc.base.min.js'></script>
<script src='/libs/dc-sdk/dc.core.min.js'></script>
<link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
<style>
*{
margin: 0;
padding: 0;
}
html,body,#viewer-container{
width: 100%;
height: 100%;
overflow: hidden;
}
</style>
</head>

<body>
<div id="viewer-container" class='viewer-container'></div>
</body>
<script>
let viewer = undefined
function initViewer() {
viewer = new DC.Viewer('viewer-container')




let baselayer_img = DC.ImageryLayerFactory.createAmapImageryLayer({
style: 'img'
})


let baselayer_cva = DC.ImageryLayerFactory.createAmapImageryLayer({
style: 'cva'
})
viewer.addBaseLayer([baselayer_img, baselayer_cva])

viewer.zoomToPosition(
new DC.Position(105.565571, 31.984708, 15362816, 0, -90)
)
}
DC.ready(initViewer)
</script>

</html>

+ 37
- 0
examples/graticule-layer.html 查看文件

@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>dc-example</title>
<script src='/libs/dc-sdk/dc.base.min.js'></script>
<script src='/libs/dc-sdk/dc.core.min.js'></script>
<link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
<style>
*{
margin: 0;
padding: 0;
}
html,body,#viewer-container{
width: 100%;
height: 100%;
overflow: hidden;
}
</style>
</head>

<body>
<div id="viewer-container" class='viewer-container'></div>
</body>
<script>
let viewer = undefined
function initViewer() {
viewer = new DC.Viewer('viewer-container')
let layer = new DC.GraticuleLayer('layer')
viewer.addLayer(layer)
}
DC.ready(initViewer)
</script>

</html>

+ 33
- 0
examples/start.html 查看文件

@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>dc-example</title>
<script src='/libs/dc-sdk/dc.base.min.js'></script>
<script src='/libs/dc-sdk/dc.core.min.js'></script>
<link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
<style>
*{
margin: 0;
padding: 0;
}
html,body,#app{
width: 100%;
height: 100%;
overflow: hidden;
}
</style>
</head>

<body>
<div id="app"></div>
</body>
<script>
DC.ready(()=>{
let viewer = new DC.Viewer('app')
})
</script>

</html>

+ 0
- 0
examples/vector-layer.html 查看文件


+ 1
- 0
modules/layer/index.js 查看文件

@@ -16,6 +16,7 @@ export { default as DynamicLayer } from './type/DynamicLayer'
export { default as FeatureGridLayer } from './type/FeatureGridLayer'
export { default as GeoJsonLayer } from './type/GeoJsonLayer'
export { default as GpxLayer } from './type/GpxLayer'
export { default as GraticuleLayer } from './type/GraticuleLayer'
export { default as GroundPrimitiveLayer } from './type/GroundPrimitiveLayer'
export { default as HtmlLayer } from './type/HtmlLayer'
export { default as KmlLayer } from './type/KmlLayer'

+ 8
- 5
package.json 查看文件

@@ -21,12 +21,13 @@
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"gen:version": "node scripts/gen-version.js",
"copy": "node scripts/build.js",
"dev": "yarn run dev:base && yarn run dev:core && yarn run dev:chart && yarn run dev:mapv && yarn run dev:s3m",
"build": "yarn run build:base && yarn run build:core && yarn run build:chart && yarn run build:mapv && yarn run build:s3m",
"dev:sdk": "yarn run dev && yarn run copy",
"build:sdk": "yarn run build && yarn run copy",
"dev": "yarn run dev:all && yarn run copy",
"build": "yarn run build:all && yarn run copy",
"server": "node scripts/server.js",
"release": "node scripts/release.js",
"copy": "node scripts/build.js",
"dev:all": "yarn run dev:base && yarn run dev:core && yarn run dev:chart && yarn run dev:mapv && yarn run dev:s3m",
"build:all": "yarn run build:base && yarn run build:core && yarn run build:chart && yarn run build:mapv && yarn run build:s3m",
"dev:base": "yarn run clean:base && webpack --config build/webpack.base.conf --mode development",
"build:base": "yarn run clean:base && webpack --config build/webpack.base.conf --mode production --env.production",
"dev:core": "yarn run clean:core && webpack --config build/webpack.core.conf --mode development",
@@ -62,10 +63,12 @@
"eslint-plugin-node": "^8.0.1",
"eslint-plugin-prettier": "^3.0.1",
"eslint-plugin-promise": "^4.0.1",
"express": "^4.18.2",
"file-loader": "^3.0.1",
"fs-extra": "^9.1.0",
"mini-css-extract-plugin": "^0.6.0",
"optimize-css-assets-webpack-plugin": "^5.0.3",
"portfinder": "^1.0.32",
"prettier": "^1.16.4",
"rimraf": "^2.6.3",
"sass": "^1.49.9",

+ 2
- 0
packages/core/src/components.js 查看文件

@@ -50,6 +50,7 @@ import {
FeatureGridLayer,
GeoJsonLayer,
GpxLayer,
GraticuleLayer,
HtmlLayer,
KmlLayer,
LabelLayer,
@@ -268,6 +269,7 @@ const components = {
FeatureGridLayer,
GeoJsonLayer,
GpxLayer,
GraticuleLayer,
HtmlLayer,
KmlLayer,
LabelLayer,

+ 5
- 4
scripts/build.js 查看文件

@@ -11,11 +11,11 @@ const chalk = require('chalk')

shell.echo(chalk.green('build sdk start'))

let outoutDir = path.resolve(__dirname, '..', 'packages/sdk/dist')
let outDir = path.resolve(__dirname, '..', 'packages/sdk/dist')

fse.ensureDirSync(outoutDir)
fse.ensureDirSync(outDir)

fse.emptyDirSync(outoutDir)
fse.emptyDirSync(outDir)

const pkgs = ['base', 'core', 'chart', 'mapv', 's3m']

@@ -27,10 +27,11 @@ pkgs.forEach((item, index) => {
if (exists) {
if (item === 'base') {
for (let i = 0; i < 7; i++) {
fse.removeSync(path.join(dist, `${i}.js`))
fse.removeSync(path.join(dist, `${i}.min.js`))
}
}
fse.copySync(dist, outoutDir)
fse.copySync(dist, outDir)
shell.echo(chalk.yellow(`copy ${item} success`))
if (index === count - 1) {
await shell.echo(chalk.green('build sdk end'))

+ 33
- 0
scripts/server.js 查看文件

@@ -0,0 +1,33 @@
/**
* @Author: Caven
* @Date: 2023-03-11 19:54:31
*/

const fse = require('fs-extra')
const path = require('path')
const portfinder = require('portfinder')
const shell = require('shelljs')
const chalk = require('chalk')
const express = require('express')

let dist = path.resolve(__dirname, '..', 'packages/sdk/dist')
let examples = path.resolve(__dirname, '..', 'examples')

const server = express()

portfinder.setBasePort(8081)

fse.exists(dist, exists => {
if (exists) {
portfinder.getPort((err, port) => {
server.listen(port)
shell.echo(
chalk.yellow(`the url is : http://localhost:${port}/start.html`)
)
server.use('/libs/dc-sdk/', express.static(dist))
server.use(express.static(examples))
})
} else {
shell.echo(chalk.red(`please run build first`))
}
})

Loading…
取消
儲存