# dc-ui

**Repository Path**: liuwave/dc-ui

## Basic Information

- **Project Name**: dc-ui
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-03
- **Last Updated**: 2021-08-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# DC-UI

<p>
<img src="https://img.shields.io/github/workflow/status/dvgis/dc-ui/publish"/>
<img src="https://img.shields.io/badge/license-MIT-blue"/>
<img src="https://img.shields.io/npm/v/@dvgis/dc-ui?color=orange&logo=npm" />
<img src="https://img.shields.io/npm/dm/@dvgis/dc-ui?logo=npm"/>
</p>

[**🇨🇳 中文**](./README_zh.md) | [**🇬🇧English**](./README.md)

> DC-UI 是基于 Vue2.x 和 DC-SDK 的组件库。

> [主页](http://ui.dvgis.cn/dc-ui)

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

## 安装

> CDN

```html
<!-- Vue  -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!--基础包-->
<script src="libs/dc-sdk/dc.base.min.js"></script>
<!--核心包-->
<script src="libs/dc-sdk/dc.core.min.js"></script>
<!--组件博-->
<script src="libs/dc-ui/dc.ui.min.js"></script>
<!--主要样式-->
<link href="libs/dc-sdk/dc.core.min.css" rel="stylesheet" type="text/css" />
```

> NPM / YARN

```shell
   yarn add vue @dvgis/dc-sdk @dvgis/dc-ui
   npm install vue @dvgis/dc-sdk @dvgis/dc-ui 
```

```js
import Vue from 'vue'
import DC from 'dvgis/dc-sdk/dist/dc.base.min' //基础包
import DcCore from  'dvgis/dc-sdk/dist/dc.core.min' //核心包
import DcUI from 'dvgis/dc-ui/dist/dc.ui.min' // 组件包
import 'dvgis/dc-sdk/dist/dc.core.min.css' // 主要样式
```

## 配置

> Vue

```js
// vue.config.js vue 文件

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

## 开始

```js
global.DC = DC 
DC.use(DcCore)
Vue.use(DcUI)
```

## 文档

[DC  Api](https://resource.dvgis.cn/dc-api)

[Cesium Api](https://cesium.com/docs/cesiumjs-ref-doc/)

## 示例

|  ![图片](http://dc.dvgis.cn/examples/images/info/start.png) | ![图片](http://dc.dvgis.cn/examples/images/info/coord.png) | ![图片](http://dc.dvgis.cn/examples/images/baselayer/tencent.png) | ![图片](http://dc.dvgis.cn/examples/images/baselayer/tdt.png) |
|  :-----------------------------------------------------------: | :-----------------------------------------------------------: | :------------------------------------------------------------------: | :--------------------------------------------------------------: |
|  ![图片](http://dc.dvgis.cn/examples/images/baselayer/amap.png) | ![图片](http://dc.dvgis.cn/examples/images/baselayer/baidu.png) | ![图片](http://dc.dvgis.cn/examples/images/layer/vector.png)  |  ![图片](http://dc.dvgis.cn/examples/images/layer/cluster.png)      |
|  ![图片](http://dc.dvgis.cn/examples/images/layer/geojson.png) | ![图片](http://dc.dvgis.cn/examples/images/layer/tileset.png) | ![图片](http://dc.dvgis.cn/examples/images/layer/html.png) |   ![图片](http://dc.dvgis.cn/examples/images/overlay/point_icon.png)   |
|  ![图片](http://dc.dvgis.cn/examples/images/overlay/point_base.png) | ![图片](http://dc.dvgis.cn/examples/images/overlay/circle.png) | ![图片](http://dc.dvgis.cn/examples/images/overlay/polyline_material.png) | ![图片](http://dc.dvgis.cn/examples/images/overlay/polygon_height.png) |

[更多>>](http://dc.dvgis.cn/#/examples)

## 版权声明

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


## 感谢