/dc-plugins

基于DC-SDK开发的插件库，包含动画、效果、材质、热区图层、聚合图层、Mapv 🌎

Primary LanguageJavaScriptApache License 2.0Apache-2.0

DC-Plugins

🇨🇳 中文 | 🇬🇧English

DC-SDK plug-in library, the plug-in library includes animation, effects, textures, heatmap, clusterLayer, and Mapv.

home

Tips：This SDK is JS+GIS framework package. Developers need to have some front-end technology and GIS related technology

Installation

CDN

<!--Basic Package-->
<script src="libs/dc-sdk/dc.base.min.js"></script>
<!--Core Package-->
<script src="libs/dc-sdk/dc.core.min.js"></script>
<!--Plugins Package-->
<script src="libs/dc-sdk/plugins/dc.plugins.min.js"></script>
<!--Main Style Sheet -->
<link href="libs/dc-sdk/dc.core.min.css" rel="stylesheet" type="text/css" />

NPM / YARN

   yarn add @dvgis/dc-sdk @dvgis/dc-plugins
   npm install @dvgis/dc-sdk @dvgis/dc-plugins
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 DcPlugins from  'dvgis/dc-plugins/dist/dc.plugins.min' //Plugins Package
import 'dvgis/dc-sdk/dist/dc.core.min.css' // Main Style Sheet

Setting

Vue

// vue.config.js

const 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'
        }
      ]
    ])
  }
}

Start

DC.use(DcCore)
DC.use(DcPlugins)
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
})

Documentation

DC Api

Cesium Api

Demo

picture picture picture picture
picture picture picture picture
picture picture picture picture

More>>

Copyright statement

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. A series of targeted plug-ins and tools will be added later, and an appropriate amount of open source.
3. Free and permanent use by any person or institution subject to the following conditions:
  1) complete package reference;
  2) reserve this copyright information in the console output
We reserve the right of final interpretation of this copyright information.

Thanks