DC-SDK：告别复杂配置，让三维可视化开发变得如此简单！

DC-SDK是一个基于Cesium进行二次开发的三维WebGIS应用框架。它不仅保留了Cesium强大的三维渲染能力，还在此基础上进行了深度优化，为开发者提供了更加简洁易用的API和丰富的功能组件。

核心特性：为什么选择DC-SDK？

• 极简API设计

仅需3行代码即可创建三维场景
封装了Cesium复杂的配置项，提供直观的方法调用
支持链式调用，代码更加优雅

• 丰富的内置组件

30+ 预制图层类型（热力图、聚合图层、模型图层等）
完整的空间分析工具集（测量、缓冲区、可视域分析）
开箱即用的交互控件（绘制工具、弹窗组件）

• 完善的生态支持

支持Vue、React、Angular等主流框架
提供Vite、Webpack等构建工具插件
丰富的示例代码和详细文档

• ** 完全开源免费**

Apache-2.0开源协议，商业项目可放心使用

快速上手：3分钟搭建你的第一个三维场景

步骤1：安装DC-SDK

# 使用npm安装
npm install @dvgis/dc-sdk
 
# 或使用yarn安装
yarn add @dvgis/dc-sdk

步骤2：项目配置（以Vue项目为例）

// vue.config.js
const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')
const dvgisDist = './node_modules/@dvgis'
 
module.exports = {
  chainWebpack: (config) => {
    config.plugin('copy').use(CopyWebpackPlugin, [
      {
        patterns: [
          {
            from: path.join(dvgisDist, 'dc-sdk/dist/resources'),
            to: path.join(__dirname, 'dist', 'libs/dc-sdk/resources'),
          },
        ],
      }
    ])
  },
}

步骤3：创建三维场景

<template>
  <div id="viewer-container" style="width: 100%; height: 100vh;"></div>
</template>
 
<script>
import * as DC from '@dvgis/dc-sdk'
import '@dvgis/dc-sdk/dist/dc.min.css'
 
export default {
  mounted() {
    // 仅需3行代码！
    global.DC = DC
    DC.ready().then(() => {
      this.viewer = new DC.Viewer('viewer-container')
    })
  }
}
</script>