| @@ -1,6 +1,6 @@ | |||
| { | |||
| "root": true, | |||
| "parser": "babel-eslint", | |||
| "parser": "@babel/eslint-parser", | |||
| "parserOptions": { | |||
| "sourceType": "module" | |||
| }, | |||
| @@ -12,16 +12,12 @@ | |||
| "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, | |||
| @@ -5,9 +5,9 @@ name: build | |||
| on: | |||
| push: | |||
| branches: [ master ] | |||
| branches: [ gulp ] | |||
| pull_request: | |||
| branches: [ master ] | |||
| branches: [ gulp ] | |||
| jobs: | |||
| build: | |||
| @@ -25,4 +25,4 @@ jobs: | |||
| with: | |||
| node-version: ${{ matrix.node-version }} | |||
| - name: Publish project | |||
| run: yarn && yarn run build | |||
| run: yarn && yarn run build:release | |||
| @@ -5,9 +5,9 @@ name: dev | |||
| on: | |||
| push: | |||
| branches: [master] | |||
| branches: [gulp] | |||
| pull_request: | |||
| branches: [master] | |||
| branches: [gulp] | |||
| jobs: | |||
| build: | |||
| @@ -24,5 +24,5 @@ jobs: | |||
| with: | |||
| node-version: ${{ matrix.node-version }} | |||
| - name: Build project | |||
| run: yarn && yarn dev | |||
| run: yarn && yarn build | |||
| @@ -1,90 +0,0 @@ | |||
| /** | |||
| * @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) | |||
| }) | |||
| ] | |||
| } | |||
| @@ -1,76 +0,0 @@ | |||
| /** | |||
| * @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 | |||
| } | |||
| } | |||
| @@ -1,56 +0,0 @@ | |||
| /** | |||
| * @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 | |||
| } | |||
| } | |||
| @@ -1,69 +0,0 @@ | |||
| /** | |||
| * @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 | |||
| } | |||
| } | |||
| @@ -1,68 +0,0 @@ | |||
| /** | |||
| * @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 | |||
| } | |||
| } | |||
| @@ -1,68 +0,0 @@ | |||
| /** | |||
| * @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 | |||
| } | |||
| } | |||
| @@ -1,62 +0,0 @@ | |||
| <!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> | |||
| @@ -1,73 +0,0 @@ | |||
| <!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> | |||
| @@ -1,75 +0,0 @@ | |||
| <!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> | |||
| @@ -1,96 +0,0 @@ | |||
| <!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> | |||
| @@ -1,106 +0,0 @@ | |||
| <!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> | |||
| @@ -1,41 +0,0 @@ | |||
| <!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> | |||
| @@ -1,41 +0,0 @@ | |||
| <!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> | |||
| @@ -1,50 +0,0 @@ | |||
| <!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> | |||
| @@ -1,63 +0,0 @@ | |||
| <!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> | |||
| @@ -1,41 +0,0 @@ | |||
| <!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> | |||
| @@ -1,41 +0,0 @@ | |||
| <!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> | |||
| @@ -1,69 +0,0 @@ | |||
| <!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> | |||
| @@ -1,67 +0,0 @@ | |||
| <!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> | |||
| @@ -1,79 +0,0 @@ | |||
| <!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> | |||
| @@ -1,74 +0,0 @@ | |||
| <!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> | |||
| @@ -1,57 +0,0 @@ | |||
| <!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> | |||