DC-SDK 是基于 Cesium 进行二次开发的2、3D一体 WebGis 应用框架,该框架优化了 Cesium 的使用方式和增添了一些额外功能,旨在为开发者快速构建 WebGis 应用。🌎
No Data
DC-SDK is based on Cesium for secondary development of 2, 3D all-in-one WebGis application framework, the framework optimizes the use of Cesium and add some additional features, designed for developers to quickly build WebGis applications.
http://dc.dvgis.cn
Tips:This SDK is JS+GIS framework package. Developers need to have some front-end technology and GIS related technology
CDN
NPM / YARN
yarn add @dvgis/dc-sdk npm install @dvgis/dc-sdk
import DC from 'dvgis/dc-sdk/dist/dc.base.min' //Basic Package import DcCore from 'dvgis/dc-sdk/dist/dc.core.min' //Core Package import 'dvgis/dc-sdk/dist/dc.core.min.css' // Main Style Sheet
Webpack
// webpack.config.jsconst path = require('path') const CopywebpackPlugin = require('copy-webpack-plugin') const dvgisDist = './node_modules/@dvgis'
module.exports = { // other settings resolve: { alias: { dvgis: path.resolve(__dirname, dvgisDist) } }, plugins:[ new CopyWebpackPlugin([ {
from: path.join(dvgisDist, 'dc-sdk/dist/resources'), to: 'libs/dc-sdk/resources' } ]) ] }
Vue2.x
// vue.config.jsconst path = require('path') const CopywebpackPlugin = require('copy-webpack-plugin') const dvgisDist = './node_modules/@dvgis'
module.exports = { // other settings chainWebpack: config => { config.resolve.alias.set('dvgis', path.resolve(__dirname, dvgisDist)) config.plugin('copy').use(CopywebpackPlugin, [ [ { from: path.join(dvgisDist, 'dc-sdk/dist/resources'), to: 'libs/dc-sdk/resources' } ] ]) } }
Vue3.x
// vue.config.jsconst path = require('path') const CopywebpackPlugin = require('copy-webpack-plugin') const dvgisDist = './node_modules/@dvgis'
module.exports = { // other settings chainWebpack: config => { config.resolve.alias.set('dvgis', path.resolve(__dirname, dvgisDist)) config.plugin('copy').use(CopywebpackPlugin, [ { patterns: [ { from: path.join(dvgisDist, 'dc-sdk/dist/resources'), to: path.join(__dirname, 'dist', 'libs/dc-sdk/resources'), }, ], } ]) } }
global.DC = DC DC.use(DcCore) // node DC.ready(() => { let viewer = new DC.Viewer(divId) // divId is the Id attribute value of a div node. If it is not passed in, the 3D scene cannot be initialized })
| |
|
|
|
| :-----------------------------------------------------------: | :-----------------------------------------------------------: | :------------------------------------------------------------------: | :--------------------------------------------------------------: |
|
|
|
|
|
|
|
|
|
|
| Module | Status | Description |
| :------ | :------: | :------ |
| dc-plugins | | dc plug-in module, including scene animation, roaming, and some additional materials |
| dc-overlay |
| dc overlay module, including ellipsoid, cylinder, corridor, water surface, etc |
| dc-plot |
| dc plotting module for plotting and editing overlay |
| dc-chart |
| dc chart module for adding ECharts functionality in 3d scenes |
| dc-mapv |
| dc big-data module for adding MAPV functions in 3d scenes |
| dc-ui | | dc components for Vue2.x |
| dc-analysis |
| dc analysis module, including camera-video, position-editor, measure, etc |
| dc-ui-next |
| dc components for Vue3.x |
if dc-sdk can bring benefits to you, please support it ~
![]()
1. The framework is a basic platform, completely open source, which can be modified and reconstructed by any individual or institution without our authorization. 2. We are not responsible for any problems arising from the modification of the framework by individuals and organizations. 3. Some industrial plug-ins and tools will be added in the later stage, and the code will be open source appropriately. 4. The package released by us may be used permanently and free of charge by any person or organization subject to: 1) complete package reference; 2) reserve this copyright information in the console output We reserve the right of final interpretation of this copyright information.