init

.eslintrc

 {
   "root": true,
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
   "parserOptions": {
     "sourceType": "module"
   },
   "plugins": ["prettier"],
   "extends": ["eslint:recommended", "plugin:prettier/recommended"],
   "globals": {
-    "__VERSION__": false,
-    "__TIME__": false,
-    "__AUTHOR__": false,
-    "__HOME_PAGE__": false,
-    "__REPOSITORY__": false,
+    "__namespace": false,
+    "__cmdOut":false,
     "echarts": false,
     "mapv": false,
     "DC": false,
-    "Cesium": false,
-    "@dc-modules": false
+    "Cesium": false
   },
   "rules": {
     "global-require": 0,

.github/workflows/build.yml

 
 on:
   push:
-    branches: [ master ]
+    branches: [ gulp ]
   pull_request:
-    branches: [ master ]
+    branches: [ gulp ]
 
 jobs:
   build:
       with:
         node-version: ${{ matrix.node-version }}
     - name: Publish project
-      run: yarn && yarn run build
+      run: yarn && yarn run build:release

.github/workflows/dev.yml

 
 on:
   push:
-    branches: [master]
+    branches: [gulp]
   pull_request:
-    branches: [master]
+    branches: [gulp]
 
 jobs:
   build:
         with:
           node-version: ${{ matrix.node-version }}
       - name: Build project
-        run: yarn && yarn dev
+        run: yarn && yarn build
 

build/common.js

-/**
- * @Author: Caven
- * @Date: 2021-03-13 12:09:44
- */
-
-'use strict'
-
-const path = require('path')
-const webpack = require('webpack')
-const packageInfo = require('../package.json')
-const MiniCssExtractPlugin = require('mini-css-extract-plugin')
-
-function getTime() {
-  let now = new Date()
-  let m = now.getMonth() + 1
-  m = m < 10 ? '0' + m : m
-  let d = now.getDate()
-  d = d < 10 ? '0' + d : d
-  return `${now.getFullYear()}-${m}-${d}`
-}
-
-module.exports = {
-  rules: [
-    {
-      test: /\.js$/,
-      include: [
-        path.resolve(__dirname, '../node_modules/@cesium'),
-        path.resolve(__dirname, '../libs'),
-        path.resolve(__dirname, '../modules'),
-        path.resolve(__dirname, '../packages')
-      ],
-      loader: 'babel-loader',
-      options: {
-        presets: ['@babel/preset-env'],
-        plugins: ['@babel/transform-runtime'],
-        compact: false,
-        ignore: ['checkTree']
-      }
-    },
-    {
-      test: /\.css$/,
-      use: [
-        MiniCssExtractPlugin.loader,
-        {
-          loader: 'css-loader'
-        },
-        {
-          loader: 'sass-loader'
-        }
-      ]
-    },
-    {
-      test: /\.scss$/,
-      use: [
-        MiniCssExtractPlugin.loader,
-        {
-          loader: 'css-loader'
-        },
-        {
-          loader: 'sass-loader'
-        }
-      ]
-    },
-    {
-      test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
-      loader: 'url-loader',
-      options: {
-        limit: 20000
-      }
-    },
-    {
-      test: /\.glsl$/,
-      loader: 'webpack-glsl-loader'
-    }
-  ],
-  performance: {
-    hints: 'warning',
-    maxAssetSize: 30000000,
-    maxEntrypointSize: 50000000
-  },
-  plugins: [
-    new webpack.DefinePlugin({
-      __VERSION__: JSON.stringify(packageInfo.version),
-      __TIME__: JSON.stringify(getTime()),
-      __AUTHOR__: JSON.stringify(packageInfo.author),
-      __REPOSITORY__: JSON.stringify(packageInfo.repository),
-      __HOME_PAGE__: JSON.stringify(packageInfo.homepage)
-    })
-  ]
-}

build/webpack.base.conf.js

-/**
- * @Author: Caven
- * @Date: 2021-03-13 16:52:10
- */
-
-'use strict'
-
-const path = require('path')
-const webpack = require('webpack')
-const CopyWebpackPlugin = require('copy-webpack-plugin')
-const common = require('./common')
-
-let cesiumCopyPlugin = [
-  new CopyWebpackPlugin([
-    {
-      from: path.resolve(
-        __dirname,
-        '../node_modules/@cesium/engine/Source',
-        'Assets'
-      ),
-      to: 'resources/Assets'
-    },
-    {
-      from: path.resolve(
-        __dirname,
-        '../node_modules/@cesium/engine/Build',
-        'Workers'
-      ),
-      to: 'resources/Workers'
-    },
-    {
-      from: path.resolve(
-        __dirname,
-        '../node_modules/@cesium/engine/Source',
-        'ThirdParty'
-      ),
-      to: 'resources/ThirdParty'
-    }
-  ])
-]
-
-module.exports = env => {
-  const IS_PROD = (env && env.production) || false
-  const publicPath = IS_PROD ? '/' : '/'
-  let plugins = [...cesiumCopyPlugin, ...common.plugins]
-  if (IS_PROD) {
-    plugins.push(new webpack.NoEmitOnErrorsPlugin())
-  }
-  return {
-    entry: {
-      'dc.base': path.resolve(__dirname, '..', 'packages/base/index.js')
-    },
-    devtool: IS_PROD ? false : 'cheap-module-eval-source-map',
-    output: {
-      filename: IS_PROD ? '[name].min.js' : '[name].js',
-      path: path.resolve(__dirname, '..', 'packages/base/dist'),
-      publicPath: publicPath,
-      library: 'DC',
-      libraryExport: 'default',
-      libraryTarget: `umd`,
-      umdNamedDefine: true
-    },
-    module: {
-      unknownContextCritical: false,
-      rules: common.rules
-    },
-    resolve: {
-      extensions: ['.js', '.json', '.css'],
-      alias: {
-        '@dc-modules': path.resolve(__dirname, '..', 'modules')
-      }
-    },
-    performance: common.performance,
-    plugins
-  }
-}

build/webpack.chart.conf.js

-/**
- * @Author: Caven
- * @Date: 2021-03-14 00:41:29
- */
-
-'use strict'
-
-const path = require('path')
-const webpack = require('webpack')
-const JavaScriptObfuscator = require('webpack-obfuscator')
-const common = require('./common')
-
-module.exports = env => {
-  const IS_PROD = (env && env.production) || false
-  const publicPath = IS_PROD ? '/' : '/'
-  let plugins = [...common.plugins]
-  if (IS_PROD) {
-    plugins.push(new webpack.NoEmitOnErrorsPlugin())
-    plugins.push(
-      new JavaScriptObfuscator(
-        {
-          rotateStringArray: true
-        },
-        []
-      )
-    )
-  }
-  return {
-    entry: {
-      'dc.chart': ['entry']
-    },
-    devtool: IS_PROD ? false : 'cheap-module-eval-source-map',
-    output: {
-      filename: IS_PROD ? '[name].min.js' : '[name].js',
-      path: path.resolve(__dirname, '..', 'packages/chart/dist'),
-      publicPath: publicPath,
-      library: 'DcChart',
-      libraryExport: 'default',
-      libraryTarget: 'umd',
-      umdNamedDefine: true
-    },
-    module: {
-      unknownContextCritical: false,
-      rules: common.rules
-    },
-    resolve: {
-      extensions: ['.js', '.json', '.css'],
-      alias: {
-        '@dc-modules': path.resolve(__dirname, '..', 'modules'),
-        entry: path.resolve(__dirname, '..', 'packages/chart/index.js')
-      }
-    },
-    performance: common.performance,
-    plugins
-  }
-}

build/webpack.core.conf.js

-/**
- * @Author: Caven
- * @Date: 2020-01-18 19:22:23
- */
-
-const path = require('path')
-const webpack = require('webpack')
-const MiniCssExtractPlugin = require('mini-css-extract-plugin')
-const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin')
-const JavaScriptObfuscator = require('webpack-obfuscator')
-const cesiumBuild = '../node_modules/cesium/Build/Cesium'
-const common = require('./common')
-
-module.exports = env => {
-  const IS_PROD = (env && env.production) || false
-  const publicPath = IS_PROD ? '/' : '/'
-  let plugins = [
-    new MiniCssExtractPlugin({
-      filename: IS_PROD ? '[name].min.css' : '[name].css',
-      allChunks: true
-    }),
-    ...common.plugins
-  ]
-  if (IS_PROD) {
-    plugins.push(new OptimizeCssAssetsPlugin())
-    plugins.push(new webpack.NoEmitOnErrorsPlugin())
-    plugins.push(
-      new JavaScriptObfuscator(
-        {
-          rotateStringArray: true
-        },
-        []
-      )
-    )
-  }
-  return {
-    entry: {
-      'dc.core': ['theme', 'entry']
-    },
-    devtool: IS_PROD ? false : 'cheap-module-eval-source-map',
-    output: {
-      filename: IS_PROD ? '[name].min.js' : '[name].js',
-      path: path.resolve(
-        __dirname,
-        path.resolve(__dirname, '..', 'packages/core/dist')
-      ),
-      publicPath: publicPath,
-      library: 'DcCore',
-      libraryExport: 'default',
-      libraryTarget: 'umd',
-      umdNamedDefine: true
-    },
-    module: {
-      unknownContextCritical: false,
-      rules: common.rules
-    },
-    resolve: {
-      extensions: ['.js', '.json', '.css'],
-      alias: {
-        '@dc-modules': path.resolve(__dirname, '..', 'modules'),
-        entry: path.resolve(__dirname, '..', 'packages/core/index.js'),
-        theme: path.resolve(__dirname, '..', 'modules/themes/index.js'),
-        cesium: path.resolve(__dirname, cesiumBuild)
-      }
-    },
-    performance: common.performance,
-    plugins
-  }
-}

build/webpack.mapv.conf.js

-/**
- * @Author: Caven
- * @Date: 2021-03-14 00:41:29
- */
-
-'use strict'
-
-const path = require('path')
-const webpack = require('webpack')
-const JavaScriptObfuscator = require('webpack-obfuscator')
-const common = require('./common')
-
-module.exports = env => {
-  const IS_PROD = (env && env.production) || false
-  const publicPath = IS_PROD ? '/' : '/'
-  let plugins = [...common.plugins]
-  if (IS_PROD) {
-    plugins.push(new webpack.NoEmitOnErrorsPlugin())
-    plugins.push(
-      new JavaScriptObfuscator(
-        {
-          rotateStringArray: true
-        },
-        []
-      )
-    )
-  }
-  return {
-    entry: {
-      'dc.mapv': ['entry']
-    },
-    devtool: IS_PROD ? false : 'cheap-module-eval-source-map',
-    output: {
-      filename: IS_PROD ? '[name].min.js' : '[name].js',
-      path: path.resolve(__dirname, '..', 'packages/mapv/dist'),
-      publicPath: publicPath,
-      library: 'DcMapv',
-      libraryExport: 'default',
-      libraryTarget: 'umd',
-      umdNamedDefine: true
-    },
-    module: {
-      unknownContextCritical: false,
-      rules: [
-        {
-          test: /\.js$/,
-          exclude: /node_modules/,
-          loader: 'babel-loader',
-          options: {
-            presets: ['@babel/preset-env'],
-            compact: false,
-            ignore: ['checkTree']
-          }
-        }
-      ]
-    },
-    resolve: {
-      extensions: ['.js', '.json', '.css'],
-      alias: {
-        '@dc-modules': path.resolve(__dirname, '..', 'modules'),
-        'mapv-lib': path.resolve(__dirname, '..', 'libs/mapv'),
-        entry: path.resolve(__dirname, '..', 'packages/mapv/index.js')
-      }
-    },
-    performance: common.performance,
-    plugins
-  }
-}

build/webpack.s3m.conf.js

-/**
- * @Author: Caven
- * @Date: 2021-03-14 00:41:29
- */
-
-'use strict'
-
-const path = require('path')
-const webpack = require('webpack')
-const JavaScriptObfuscator = require('webpack-obfuscator')
-const common = require('./common')
-
-module.exports = env => {
-  const IS_PROD = (env && env.production) || false
-  const publicPath = IS_PROD ? '/' : '/'
-  let plugins = [...common.plugins]
-  if (IS_PROD) {
-    plugins.push(new webpack.NoEmitOnErrorsPlugin())
-    plugins.push(
-      new JavaScriptObfuscator(
-        {
-          rotateStringArray: true
-        },
-        []
-      )
-    )
-  }
-  return {
-    entry: {
-      'dc.s3m': ['entry']
-    },
-    devtool: IS_PROD ? false : 'cheap-module-eval-source-map',
-    output: {
-      filename: IS_PROD ? '[name].min.js' : '[name].js',
-      path: path.resolve(__dirname, '..', 'packages/s3m/dist'),
-      publicPath: publicPath,
-      library: 'DcS3M',
-      libraryExport: 'default',
-      libraryTarget: 'umd',
-      umdNamedDefine: true
-    },
-    module: {
-      unknownContextCritical: false,
-      rules: [
-        {
-          test: /\.js$/,
-          exclude: /node_modules/,
-          loader: 'babel-loader',
-          options: {
-            presets: ['@babel/preset-env'],
-            compact: false,
-            ignore: ['checkTree']
-          }
-        }
-      ]
-    },
-    resolve: {
-      extensions: ['.js', '.json', '.css'],
-      alias: {
-        '@dc-modules': path.resolve(__dirname, '..', 'modules'),
-        's3m-lib': path.resolve(__dirname, '..', 'libs/s3m'),
-        entry: path.resolve(__dirname, '..', 'packages/s3m/index.js')
-      }
-    },
-    performance: common.performance,
-    plugins
-  }
-}

examples/baselayer/amap.html

-<!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>
-  <script>DC.baseUrl='../libs/dc-sdk/resources/'</script>
-  <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
-  <link href='../index.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"></div>
-<script>
-  let viewer = undefined
-  function initViewer() {
-    viewer = new DC.Viewer('viewer-container')
-    let baselayer = DC.ImageryLayerFactory.createAmapImageryLayer()
-    viewer.addBaseLayer(baselayer, {
-      iconUrl: '../assets/icon/elec.png',
-      name: '电子'
-    })
-
-    let baselayer_img = DC.ImageryLayerFactory.createAmapImageryLayer({
-      style: 'img'
-    })
-    viewer.addBaseLayer(baselayer_img, {
-      iconUrl: '../assets/icon/img.png',
-      name: '地图'
-    })
-
-    let baselayer_cva = DC.ImageryLayerFactory.createAmapImageryLayer({
-      style: 'cva'
-    })
-    viewer.addBaseLayer([baselayer_img, baselayer_cva], {
-      iconUrl: '../assets/icon/img.png',
-      name: '地图'
-    })
-
-    viewer.zoomToPosition(
-      new DC.Position(105.565571, 31.984708, 15362816, 0, -90)
-    )
-  }
-  DC.ready(initViewer)
-</script>
-</body>
-</html>
-

examples/baselayer/amap_no_offset.html

-<!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>
-  <script>DC.baseUrl='../libs/dc-sdk/resources/'</script>
-  <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
-  <link href='../index.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"></div>
-<script>
-  let viewer = undefined
-  function initViewer() {
-    viewer = new DC.Viewer('viewer-container')
-    let baselayer = DC.ImageryLayerFactory.createAmapImageryLayer(
-      {
-        crs:'WGS84'
-      }
-    )
-    viewer.addBaseLayer(baselayer, {
-      iconUrl: '../assets/icon/elec.png',
-      name: '电子'
-    })
-
-    let baselayer_img = DC.ImageryLayerFactory.createAmapImageryLayer({
-      style: 'img',
-      crs:'WGS84'
-    })
-    viewer.addBaseLayer(baselayer_img, {
-      iconUrl: '../assets/icon/img.png',
-      name: '地图'
-    })
-
-    let baselayer_cva = DC.ImageryLayerFactory.createAmapImageryLayer({
-      style: 'cva',
-      crs:'WGS84'
-    })
-    viewer.addBaseLayer([baselayer_img, baselayer_cva], {
-      iconUrl: '../assets/icon/img.png',
-      name: '地图'
-    })
-
-    let layer = new DC.TilesetLayer('layer')
-    viewer.addLayer(layer)
-    let tileset = new DC.Tileset(
-      '//resource.dvgis.cn/data/3dtiles/dayanta/tileset.json'
-    )
-    tileset.setHeight(-420)
-    layer.addOverlay(tileset)
-    viewer.flyTo(tileset)
-
-  }
-  DC.ready(initViewer)
-</script>
-</body>
-</html>

examples/baselayer/arcgis.html

-<!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>
-  <script>DC.baseUrl='../libs/dc-sdk/resources/'</script>
-  <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
-  <link href='../index.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"></div>
-<script>
-  let viewer = undefined
-  function initViewer() {
-    viewer = new DC.Viewer('viewer-container')
-    let baselayer = DC.ImageryLayerFactory.createArcGisImageryLayer({
-      url:
-        'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'
-    })
-    viewer.addBaseLayer(baselayer, {
-      iconUrl: '../assets/icon/img.png',
-      name: '影像'
-    })
-
-    let baselayer_shaded = DC.ImageryLayerFactory.createArcGisImageryLayer({
-      url:
-        'https://services.arcgisonline.com/arcgis/rest/services/World_Shaded_Relief/MapServer'
-    })
-    viewer.addBaseLayer(baselayer_shaded, {
-      iconUrl: '../assets/icon/elec.png',
-      name: '电子'
-    })
-
-    let baselayer_street = DC.ImageryLayerFactory.createArcGisImageryLayer({
-      url:
-        'https://services.arcgisonline.com/arcgis/rest/services/World_Physical_Map/MapServer'
-    })
-    viewer.addBaseLayer(baselayer_street, {
-      iconUrl: '../assets/icon/ter.png',
-      name: '地形'
-    })
-
-    let baselayer_ter = DC.ImageryLayerFactory.createArcGisImageryLayer({
-      url:
-        'https://services.arcgisonline.com/arcgis/rest/services/World_Terrain_Base/MapServer'
-    })
-    viewer.addBaseLayer(baselayer_ter, {
-      iconUrl: '../assets/icon/ter.png',
-      name: '地形'
-    })
-
-    viewer.zoomToPosition(
-      new DC.Position(105.565571, 31.984708, 15362816, 0, -90)
-    )
-  }
-  DC.ready(initViewer)
-</script>
-</body>
-</html>

examples/baselayer/baidu.html

-<!DOCTYPE html>
-<html lang="en">
-
-<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>
-  <script>DC.baseUrl='../libs/dc-sdk/resources/'</script>
-  <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
-  <link href='../index.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"></div>
-<script>
-  let viewer = undefined
-  function initViewer() {
-    viewer = new DC.Viewer('viewer-container')
-
-    let baselayer_img = DC.ImageryLayerFactory.createBaiduImageryLayer({
-      style:'img'
-    })
-
-    let baselayer_vec = DC.ImageryLayerFactory.createBaiduImageryLayer({
-      style:'vec'
-    })
-
-    viewer.addBaseLayer([baselayer_img,baselayer_vec], {
-      iconUrl: '../assets/icon/img.png',
-      name: '影像'
-    })
-
-
-    let baselayer = DC.ImageryLayerFactory.createBaiduImageryLayer()
-    let baselayer_traffic = DC.ImageryLayerFactory.createBaiduImageryLayer({
-      style:'traffic'
-    })
-    viewer.addBaseLayer([baselayer,baselayer_traffic], {
-      iconUrl: '../assets/icon/elec.png',
-      name: '电子'
-    })
-
-    let baselayer_dark = DC.ImageryLayerFactory.createBaiduImageryLayer({
-      style: 'dark'
-    })
-    viewer.addBaseLayer(baselayer_dark, {
-      iconUrl: '../assets/icon/dark.png',
-      name: '黑夜'
-    })
-
-    let baselayer_googlelite = DC.ImageryLayerFactory.createBaiduImageryLayer({
-      style: 'googlelite'
-    })
-    viewer.addBaseLayer(baselayer_googlelite, {
-      iconUrl: '../assets/icon/elec.png',
-      name: '精简'
-    })
-
-    let baselayer_midnight = DC.ImageryLayerFactory.createBaiduImageryLayer({
-      style: 'midnight'
-    })
-    viewer.addBaseLayer(baselayer_midnight, {
-      iconUrl: '../assets/icon/midnight.png',
-      name: '午夜蓝'
-    })
-
-    let baselayer_redalert = DC.ImageryLayerFactory.createBaiduImageryLayer({
-      style: 'redalert'
-    })
-
-    viewer.addBaseLayer(baselayer_redalert, {
-      iconUrl: '../assets/icon/redalert.png',
-      name: '红色警戒'
-    })
-
-    viewer.zoomToPosition(
-      new DC.Position(105.565571, 31.984708, 15362816, 0, -90)
-    )
-  }
-  DC.ready(initViewer)
-</script>
-</body>
-</html>

examples/baselayer/baidu_no_offset.html

-<!DOCTYPE html>
-<html lang="en">
-
-<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>
-  <script>DC.baseUrl='../libs/dc-sdk/resources/'</script>
-  <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
-  <link href='../index.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"></div>
-<script>
-  let viewer = undefined
-  function initViewer() {
-    viewer = new DC.Viewer('viewer-container')
-    let baselayer_img = DC.ImageryLayerFactory.createBaiduImageryLayer({
-      style:'img',
-      crs:'WGS84'
-    })
-
-    let baselayer_vec = DC.ImageryLayerFactory.createBaiduImageryLayer({
-      style:'vec',
-      crs:'WGS84'
-    })
-
-    viewer.addBaseLayer([baselayer_img,baselayer_vec], {
-      iconUrl: '../assets/icon/img.png',
-      name: '影像',
-    })
-
-
-    let baselayer = DC.ImageryLayerFactory.createBaiduImageryLayer({
-      crs:'WGS84'
-    })
-
-    viewer.addBaseLayer(baselayer, {
-      iconUrl: '../assets/icon/elec.png',
-      name: '电子'
-    })
-
-    let baselayer_dark = DC.ImageryLayerFactory.createBaiduImageryLayer({
-      style: 'dark',
-      crs:'WGS84'
-    })
-    viewer.addBaseLayer(baselayer_dark, {
-      iconUrl: '../assets/icon/dark.png',
-      name: '黑夜'
-    })
-
-    let baselayer_googlelite = DC.ImageryLayerFactory.createBaiduImageryLayer({
-      style: 'googlelite',
-      crs:'WGS84'
-    })
-    viewer.addBaseLayer(baselayer_googlelite, {
-      iconUrl: '../assets/icon/elec.png',
-      name: '精简'
-    })
-
-    let baselayer_midnight = DC.ImageryLayerFactory.createBaiduImageryLayer({
-      style: 'midnight',
-      crs:'WGS84'
-    })
-    viewer.addBaseLayer(baselayer_midnight, {
-      iconUrl: '../assets/icon/midnight.png',
-      name: '午夜蓝'
-    })
-
-    let baselayer_redalert = DC.ImageryLayerFactory.createBaiduImageryLayer({
-      style: 'redalert',
-      crs:'WGS84'
-    })
-
-    viewer.addBaseLayer(baselayer_redalert, {
-      iconUrl: '../assets/icon/redalert.png',
-      name: '红色警戒'
-    })
-
-    let layer = new DC.TilesetLayer('layer')
-    viewer.addLayer(layer)
-    let tileset = new DC.Tileset(
-      '//resource.dvgis.cn/data/3dtiles/dayanta/tileset.json'
-    )
-    tileset.setHeight(-420)
-    layer.addOverlay(tileset)
-    viewer.flyTo(tileset)
-  }
-  DC.ready(initViewer)
-</script>
-</body>
-</html>

examples/baselayer/blue.html

-<!DOCTYPE html>
-<html lang="en">
-
-<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>
-  <script>DC.baseUrl='../libs/dc-sdk/resources/'</script>
-  <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
-  <link href='../index.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"></div>
-<script>
-  let viewer = undefined
-  function initViewer() {
-    viewer = new DC.Viewer('viewer-container')
-    let baselayer = DC.ImageryLayerFactory.createSingleTileImageryLayer({
-      url: '../assets/tile/world_b.jpg'
-    })
-    viewer.addBaseLayer(baselayer)
-  }
-  DC.ready(initViewer)
-</script>
-</body>
-</html>

examples/baselayer/day.html

-<!DOCTYPE html>
-<html lang="en">
-
-<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>
-  <script>DC.baseUrl='../libs/dc-sdk/resources/'</script>
-  <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
-  <link href='../index.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"></div>
-<script>
-  let viewer = undefined
-  function initViewer() {
-    viewer = new DC.Viewer('viewer-container')
-    let baselayer = DC.ImageryLayerFactory.createSingleTileImageryLayer({
-      url: '../assets/tile/world_d.jpg'
-    })
-    viewer.addBaseLayer(baselayer)
-  }
-  DC.ready(initViewer)
-</script>
-</body>
-</html>

examples/baselayer/filter.html

-<!DOCTYPE html>
-<html lang="en">
-
-<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>
-  <script>DC.baseUrl='../libs/dc-sdk/resources/'</script>
-  <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
-  <link href='../index.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"></div>
-<script>
-  let viewer = undefined
-  function initViewer() {
-    viewer = new DC.Viewer('viewer-container')
-    viewer.setOptions({
-      globe:{
-        filterColor:DC.Color.fromCssColorString("rgb(4,54,108)")
-      }
-    })
-    let baselayer = DC.ImageryLayerFactory.createAmapImageryLayer()
-    viewer.addBaseLayer(baselayer, {
-      iconUrl: '../assets/icon/elec.png',
-      name: '电子'
-    })
-    viewer.zoomToPosition(
-      new DC.Position(105.565571, 31.984708, 15362816, 0, -90)
-    )
-  }
-  DC.ready(initViewer)
-</script>
-</body>
-</html>

examples/baselayer/google.html

-<!DOCTYPE html>
-<html lang="en">
-
-<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>
-  <script>DC.baseUrl='../libs/dc-sdk/resources/'</script>
-  <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
-  <link href='../index.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"></div>
-<script>
-  let viewer = undefined
-  function initViewer() {
-    viewer = new DC.Viewer('viewer-container')
-
-    let baselayer = DC.ImageryLayerFactory.createGoogleImageryLayer({
-      style: 'img'
-    })
-    viewer.addBaseLayer(baselayer, {
-      iconUrl: '../assets/icon/img.png',
-      name: '地图'
-    })
-
-    let baselayer_elc = DC.ImageryLayerFactory.createGoogleImageryLayer()
-    viewer.addBaseLayer(baselayer_elc, {
-      iconUrl: '../assets/icon/elec.png',
-      name: '电子'
-    })
-
-    let baselayer_ter = DC.ImageryLayerFactory.createGoogleImageryLayer({
-      style: 'ter'
-    })
-    viewer.addBaseLayer(baselayer_ter, {
-      iconUrl: '../assets/icon/img.png',
-      name: '地形'
-    })
-
-    viewer.zoomToPosition(
-      new DC.Position(105.565571, 31.984708, 15362816, 0, -90)
-    )
-  }
-  DC.ready(initViewer)
-</script>
-</body>
-</html>

examples/baselayer/img.html

-<!DOCTYPE html>
-<html lang="en">
-
-<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>
-  <script>DC.baseUrl='../libs/dc-sdk/resources/'</script>
-  <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
-  <link href='../index.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"></div>
-<script>
-  let viewer = undefined
-  function initViewer() {
-    viewer = new DC.Viewer('viewer-container')
-    let baselayer = DC.ImageryLayerFactory.createSingleTileImageryLayer({
-      url: '../assets/tile/world_img.jpg'
-    })
-    viewer.addBaseLayer(baselayer)
-  }
-  DC.ready(initViewer)
-</script>
-</body>
-</html>

examples/baselayer/night.html

-<!DOCTYPE html>
-<html lang="en">
-
-<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>
-  <script>DC.baseUrl='../libs/dc-sdk/resources/'</script>
-  <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
-  <link href='../index.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"></div>
-<script>
-  let viewer = undefined
-  function initViewer() {
-    viewer = new DC.Viewer('viewer-container')
-    let baselayer = DC.ImageryLayerFactory.createSingleTileImageryLayer({
-      url: '../assets/tile/world_n.jpg'
-    })
-    viewer.addBaseLayer(baselayer)
-  }
-  DC.ready(initViewer)
-</script>
-</body>
-</html>

examples/baselayer/param.html

-<!DOCTYPE html>
-<html lang="en">
-
-<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>
-  <script>DC.baseUrl='../libs/dc-sdk/resources/'</script>
-  <script src='https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.9/dat.gui.min.js'></script>
-  <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
-  <link href='../index.css' type='text/css' rel='stylesheet'>
-  <style>
-    *{
-      margin: 0;
-      padding: 0;
-    }
-    html,body,#viewer-container{
-      width: 100%;
-      height: 100%;
-      overflow: hidden;
-    }
-  </style>
-
-<body>
-
-<div id="viewer-container"></div>
-
-<script>
-  let viewer = undefined
-
-  function initViewer() {
-    viewer = new DC.Viewer('viewer-container')
-    let baselayer = DC.ImageryLayerFactory.createBaiduImageryLayer({
-      style: 'midnight'
-    })
-    viewer.addBaseLayer(baselayer)
-    addGuiController() // add controller
-  }
-
-  function addGuiController(){
-    let controls = {
-      alpha :1,
-      brightness : 1,
-      contrast:1,
-      saturation:1
-    }
-    let imageryLayer = viewer.imageryLayers.get(0)
-    let gui = new dat.GUI();
-    gui.add(controls,'alpha',0,1).step(0.1).onChange(value=>{
-      imageryLayer.alpha = value
-    })
-    gui.add(controls,'brightness',-1,5).step(0.1).onChange(value=>{
-      imageryLayer.brightness = value
-    })
-    gui.add(controls,'contrast',-1,3).step(0.1).onChange(value=>{
-      imageryLayer.contrast = value
-    })
-    gui.add(controls,'saturation',0,2).step(0.1).onChange(value=>{
-      imageryLayer.saturation = value
-    })
-  }
-
-  DC.ready(initViewer)
-</script>
-
-</body>
-</html>

examples/baselayer/split.html

-<!DOCTYPE html>
-<html lang="en">
-
-<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>
-  <script>DC.baseUrl='../libs/dc-sdk/resources/'</script>
-  <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
-  <link href='../index.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"></div>
-
-<script>
-  let viewer = undefined
-
-  function changeEnable(checked){
-   viewer.mapSplit.enable = Boolean(checked)
-  }
-
-  function initViewer() {
-    viewer = new DC.Viewer('viewer-container')
-    let key = '1c3ff1358b17417f1782dd1ae7bdd00a'
-    let img = DC.ImageryLayerFactory.createTdtImageryLayer({
-      key,
-      style: 'img'
-    })
-    viewer.addBaseLayer(img)
-    let baselayer_elc =DC.ImageryLayerFactory.createTdtImageryLayer({
-      key
-    })
-    viewer.mapSplit.enable = true
-    viewer.mapSplit.addBaseLayer(baselayer_elc)
-    addGuiController() // add controller
-  }
-
-  function addGuiController(){
-    let controls = {
-      enable :true,
-    }
-    let gui = new dat.GUI();
-    gui.add(controls,'enable',).onChange(value=>{
-      viewer.mapSplit.enable = value
-    })
-  }
-
-  DC.ready(initViewer)
-</script>
-
-</body>
-</html>

examples/baselayer/tdt.html

-<!DOCTYPE html>
-<html lang="en">
-
-<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>
-  <script>DC.baseUrl='../libs/dc-sdk/resources/'</script>
-  <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
-  <link href='../index.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"></div>
-<script>
-  let viewer = undefined
-  function initViewer() {
-    viewer = new DC.Viewer('viewer-container')
-    let key = '0f7c1d161d7352116a21aacf0e9f44c1'
-    let cva = DC.ImageryLayerFactory.createTdtImageryLayer({
-      key,
-      style: 'cva'
-    })
-
-    let vec = DC.ImageryLayerFactory.createTdtImageryLayer({
-      key
-    })
-
-    let img = DC.ImageryLayerFactory.createTdtImageryLayer({
-      key,
-      style: 'img'
-    })
-
-    let ter = DC.ImageryLayerFactory.createTdtImageryLayer({
-      key,
-      style: 'ter'
-    })
-
-    viewer.addBaseLayer(img, {
-      name: '影像',
-      iconUrl: '../assets/icon/img.png'
-    })
-    viewer.addBaseLayer([img, cva], {
-      name: '影像',
-      iconUrl: '../assets/icon/img.png'
-    })
-
-    viewer.addBaseLayer([vec, cva], {
-      name: '电子',
-      iconUrl: '../assets/icon/elec.png'
-    })
-
-    viewer.addBaseLayer([ter, cva], {
-      name: '地形',
-      iconUrl: '../assets/icon/ter.png'
-    })
-
-    viewer.zoomToPosition(
-      new DC.Position(105.565571, 31.984708, 15362816, 0, -90)
-    )
-  }
-  DC.ready(initViewer)
-</script>
-</body>
-</html>

examples/baselayer/tencent.html

-<!DOCTYPE html>
-<html lang="en">
-
-<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>
-  <script>DC.baseUrl='../libs/dc-sdk/resources/'</script>
-  <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
-  <link href='../index.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"></div>
-<script>
-  let viewer = undefined
-  function initViewer() {
-    viewer = new DC.Viewer('viewer-container')
-    let baselayer_img = DC.ImageryLayerFactory.createTencentImageryLayer({
-      style:'img'
-    })
-    let baselayer_vec = DC.ImageryLayerFactory.createTencentImageryLayer({
-      style: 2
-    })
-    viewer.addBaseLayer([baselayer_img,baselayer_vec], {
-      name: '影像',
-      iconUrl: '../assets/icon/img.png'
-    })
-
-    let baselayer = DC.ImageryLayerFactory.createTencentImageryLayer()
-    viewer.addBaseLayer(baselayer, {
-      name: '经典',
-      iconUrl: '../assets/icon/elec.png'
-    })
-
-    let baselayer_2 = DC.ImageryLayerFactory.createTencentImageryLayer({
-      style: 4
-    })
-    viewer.addBaseLayer(baselayer_2, {
-      name: '墨渊',
-      iconUrl: '../assets/icon/dark.png'
-    })
-
-    let baselayer_3 = DC.ImageryLayerFactory.createTencentImageryLayer({
-      style: 8
-    })
-    viewer.addBaseLayer(baselayer_3, {
-      name: '白浅',
-      iconUrl: '../assets/icon/elec.png'
-    })
-
-    viewer.zoomToPosition(
-      new DC.Position(105.565571, 31.984708, 15362816, 0, -90)
-    )
-  }
-  DC.ready(initViewer)
-</script>
-
-</body>
-</html>

examples/baselayer/ter_arcgis.html

-<!DOCTYPE html>
-<html lang="en">
-
-<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>
-  <script>DC.baseUrl='../libs/dc-sdk/resources/'</script>
-  <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
-  <link href='../index.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"></div>
-<script>
-  let viewer = undefined
-  function initViewer() {
-    viewer = new DC.Viewer('viewer-container')
-    let key = '1c3ff1358b17417f1782dd1ae7bdd00a'
-    let baselayer = DC.ImageryLayerFactory.createTdtImageryLayer({
-      key,
-      style: 'img'
-    })
-    viewer.addBaseLayer(baselayer)
-    let terrain = DC.TerrainFactory.createArcgisTerrain({
-      url:
-        'https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer'
-    })
-    viewer.addTerrain(terrain)
-    viewer.flyToPosition(
-      new DC.Position(
-        96.70456483909693,
-        28.883444927447762,
-        48977.26981733466,
-        0,
-        -32
-      )
-    )
-  }
-  DC.ready(initViewer)
-</script>
-</body>
-</html>