README.zh-CN.md

cesium_dev_kit

English | 中文

简介

这是一个 Cesium 开发工具包，包含图层加载、坐标转换、坐标拾取、相机控制、测量、标绘、模型加载、模型平移旋转缩放、模型/3Dtiles 视角位置调整、模型拖拽、天气（雨，雪，雾）场景、雷达扫描、信息框、流动线、发光线、动态墙等各种发光材质、后置场景效果、通视分析、透视分析、坡度分析、淹没分析、方量分析、地形开挖等各种分析案例。

功能展示

材质	分析	标绘
河流	图形挤压	特效
雷达案例	第一人称漫游	拖拽
光线投射	烟花效果	奔跑的士兵

更多>>

安装

npm install cesium_dev_kit

使用

1、完整引入

通过初始化initCesium 可以获取到所有扩展模块

 import { initCesium } from 'cesium_dev_kit'
 const {  viewer,  material, ... } = new initCesium({  cesiumGlobal: Cesium,containerId: 'cesiumContainer',...})

2、按需引入

可根据功能需求导出单一扩展类，减少代码冗余

import {Graphics} from 'cesium_dev_kit'
const {viewer,graphics} = new Graphics({
      cesiumGlobal: Cesium,
      containerId: 'cesiumContainer'
  })
  graphics.getPointGraphics({
      color:Cesium.Color.GREEN,
      pixelSize:5,
      outlineColor:Cesium.Color.WHITE,
      outlineWidth:1
  })

更多详情见 API 文档 📑 (廉价服务器，请耐心等待)...

---

如需在 H5 中使用

• html 中直接引入 index.umd.js

<script type="text/javascript" src="index.umd.js"></script>

• 初始化对象

new cesium_dev_kit.initCesium({...})

使用范例

• ES6 使用案例 https://github.com/dengxiaoning/cesium_kit_test

• React Use case https://github.com/dengxiaoning/react-cesium

• H5 使用案例 https://github.com/dengxiaoning/cesium_kit_test_h5

捐赠

你是否使用并喜欢 cesium_dev_kit，但你没有找到一种方式来表达你的喜欢? 如果是，请考虑捐款来支持这个项目。或许不是也不用担心，不管有没有支持，我都会继续维护这个项目。不过，如果你请我喝杯咖啡，我会非常高兴 😄

• 

• 微信 / 支付宝

  

浏览器支持

本地开发推荐使用Chrome 80+ 浏览器

支持现代（chrome，Firefox，Microsoft edge，etc.）浏览器, 不支持 IE

鸣谢

cesium-d3kit
drawarrowforcesium
vue3-ts-cesium-map-show

本项目包括但不限于借鉴和参考以上资料，非常感谢作者分享

项目不足与优化

• 1、扩展类未使用类型检测(TS)
• 2、未作异常捕捉和处理

如何贡献

你可以提一个 issue 或者提交一个 Pull Request。

更多贡献详情见CONTRIBUTING...

---

Star

非常感谢留下星星的好心人，感谢您的支持 ❤️

Fork

@sincely、@ooil929、 @InPanda、 luyufanzhi、AllenChiangCN、Liquid-Zhangliquan ❤️