You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

DC-SDK

🇨🇳 中文 | 🇬🇧English

该 SDK 是基于开源项目 Cesium 进行的二次开发,优化了 Cesium 一些操作,通过该框架开发者可以快速的开发 3D 应用。 主页

Tips:本框架是 JS+GIS 的框架包。开发者需要有一定的前端技术和 GIS 相关技术

安装

CDN

<!--基础包-->
<script src="libs/dc-sdk/dc.base.min.js"></script>
<!--核心包-->
<script src="libs/dc-sdk/dc.core.min.js"></script>
<!--插件包-->
<script src="libs/dc-sdk/plugins/dc.plugins.min.js"></script>
<!--标绘包-->
<script src="libs/dc-sdk/plot/dc.plot.min.js"></script>
<!--覆盖物/要素包-->
<script src="libs/dc-sdk/overlay/dc.overlay.min.js"></script>
<!--主要样式-->
<link href="libs/dc-sdk/dc.core.min.css" rel="stylesheet" type="text/css" />

NPM / YARN

   yarn add @dvgis/dc-sdk
   npm install @dvgis/dc-sdk
import 'dvgis/dc.base.min' //基础包
import 'dvgis/dc.core.min' //核心包
import 'dvgis/plugins/dc.plugins.min' //插件包
import 'dvgis/plot/dc.plot.min' //标绘包
import 'dvgis/overlay/dc.overlay.min' // 覆盖物/要素包
import 'dvgis/dc.core.min.css' // 主要样式

配置

Vue

// vue.config.js vue 文件

const path = require('path')
const CopywebpackPlugin = require('copy-webpack-plugin')
const dvgisDist = './node_modules/@dvgis/dc-sdk/dist/dc-sdk'

module.exports = {
  // 其他配置
  chainWebpack: config => {
    config.resolve.alias.set('dvgis', path.resolve(__dirname, dvgisDist))
    config.plugin('copy').use(CopywebpackPlugin, [
      [
        {
          from: path.join(dvgisDist, 'resources'),
          to: 'libs/dc-sdk/resources'
        }
      ]
    ])
  }
}

开始

DC.ready(() => {
  let viewer = new DC.Viewer(divId) // divId 为一个div节点的Id属性值,如果不传入,会无法初始化3D场景
})

文档

Cesium-Api

DC-SDK-Api

示例

图片 图片 图片 图片
图片 图片 图片 图片
图片 开始 开始 图片
图片 图片 图片 图片

更多>>

版权声明

1.框架是一个基本平台,完全开源,任何个人和机构可以修改、重构,无需经过我方授权。
2.后期会添加一系列针对性的插件和工具,会适量的开源。
3.任何个人和机构在遵守下列条件的前提下可以永久免费使用:
   1)程序包完整引用;
   2)保留此版权信息在控制台输出 我方保留对此版权信息的最终解释权。

感谢