# DC-SDK

[**🇨🇳 中文**](./README_zh.md) | [**🇬🇧English**](./README.md) > DC-SDK 是基于 Cesium 进行二次开发的2、3D一体 WebGis 应用框架,该框架优化了 Cesium 的使用方式和增添了一些额外功能,旨在为开发者快速构建 WebGis 应用。 ##主页 > http://dc.dvgis.cn ```warning Tips:本框架是 JS+GIS 的框架包。开发者需要有一定的前端技术和 GIS 相关技术 ``` ## 安装 `CDN` ```html ``` `NPM / YARN` ```shell yarn add @dvgis/dc-sdk npm install @dvgis/dc-sdk ``` ```js import DC from 'dvgis/dc-sdk/dist/dc.base.min' //基础包 import DcCore from 'dvgis/dc-sdk/dist/dc.core.min' //核心包 import 'dvgis/dc-sdk/dist/dc.core.min.css' // 主要样式 ``` ## 配置 `Webpack` ```js // webpack.config.js const path = require('path') const CopywebpackPlugin = require('copy-webpack-plugin') const dvgisDist = './node_modules/@dvgis' module.exports = { // 其他配置 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` ```js // vue.config.js const path = require('path') const CopywebpackPlugin = require('copy-webpack-plugin') const dvgisDist = './node_modules/@dvgis' module.exports = { // 其他配置 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` ```js // vue.config.js const path = require('path') const CopywebpackPlugin = require('copy-webpack-plugin') const dvgisDist = './node_modules/@dvgis' module.exports = { // 其他配置 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'), }, ], } ]) } } ``` ## 开始 ```js global.DC = DC DC.use(DcCore) // Node 方式 DC.ready(() => { let viewer = new DC.Viewer(divId) // divId 为一个div节点的Id属性值,如果不传入,会无法初始化3D场景 }) ``` ## 文档 [DC Sdk Api](https://resource.dvgis.cn/dc-api) [Cesium Api](https://cesium.com/docs/cesiumjs-ref-doc/) ## 示例 | ![picture](http://dc.dvgis.cn/examples/images/baselayer/baidu.png?v=1) | ![picture](http://dc.dvgis.cn/examples/images/baselayer/tdt.png?v=1) | ![picture](http://dc.dvgis.cn/examples/images/baselayer/arcgis.png?v=2) | ![picture](http://dc.dvgis.cn/examples/images/mini-scene/china.gif) | | :-----------------------------------------------------------: | :-----------------------------------------------------------: | :------------------------------------------------------------------: | :--------------------------------------------------------------: | | ![picture](http://dc.dvgis.cn/examples/images/mini-scene/dfmz.gif) | ![picture](http://dc.dvgis.cn/examples/images/mini-scene/factory.gif?v=1) | ![picture](http://dc.dvgis.cn/examples/images/layer/cluster_circle.gif) | ![picture](http://dc.dvgis.cn/examples/images/model/shp_custom_shader.gif) | | ![picture](http://dc.dvgis.cn/examples/images/overlay/polyline_image_trail.gif) | ![picture](http://dc.dvgis.cn/examples/images/overlay/wall_trail.gif?v=1) | ![picture](http://dc.dvgis.cn/examples/images/overlay/water.gif?v=2) | ![picture](http://dc.dvgis.cn/examples/images/overlay/plot-overlay.png) | [更多>>](http://dc.dvgis.cn/#/examples) ## 生态 | 模块名称 | 状态 | 描述 | | :------ | :------: | :------ | | [dc-plugins](https://github.com/dvgis/dc-plugins) | | DC插件模块,包括场景动画、漫游以及一些额外的材质 | | [dc-overlay](https://github.com/dvgis/dc-overlay) | | DC要素模块,包括球体、柱体、军标、水面等 | | [dc-plot](https://github.com/dvgis/dc-plot) | | DC标绘模块,用于要素的标绘和编辑 | | [dc-chart](https://github.com/dvgis/dc-chart) | | DC图表模块,用于在三维场景中添加Echarts功能 | | [dc-mapv](https://github.com/dvgis/dc-mapv) | | DC大数据模块,用于在三维场景中添加Mapv功能 | | [dc-ui](https://github.com/dvgis/dc-ui) | | DC基于Vue2.x组件开发框架,将DC功能Vue模块化 | | dc-analysis | | DC分析模块,包括视频融合,位置编辑、测量等 | | dc-ui-next | | DC基于Vue3.x组件开发框架,将DC功能Vue模块化 | ## QQ 群

## 支持 > 如果dc-sdk能够给您带来效益,请支持一下呗~

## 版权声明 ```warning 1.框架作为一个基础平台,代码开源,任何个人和机构可以修改、重构,无需经过我方授权。 2.任何个人和机构修改框架出现的问题,我方无需负责。 3.后期会添加一些行业性的插件和工具,代码会适量开源。 4.对于我方发布的程序包,任何个人和机构在遵守下列条件的前提下可以永久免费使用: 1)程序包完整引用; 2)保留此版权信息在控制台输出 我方保留对此版权信息的最终解释权。 ``` ## 谢谢