• Stars
    star
    168
  • Rank 225,507 (Top 5 %)
  • Language
  • Created almost 3 years ago
  • Updated over 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

基于cesium的基础功能封装包,包含一些常用绘制,特效,材质,计算,三方插件等

cesium-d3kit

基于cesium的基础功能封装包,包含一些常用分析,绘制,特效,材质,计算,三方插件等近一百个接口并提供使用示例;

cesium-d3kit

在线示例

http://zhangticcc.gitee.io/webgis

使用

打开 https://gitee.com/ 登录
新建仓库 选择导入仓库 https://github.com/zhangti0708/cesium-d3kit.git
创建仓库并 git clone 到本地即可. 一分钟左右
unzip cesium-d3kit.zip
将map目录直接放在web服务器下直接浏览
打开examples目录下的html功能示例文件需要自行引入插件。
在项目中引入Cesium.js 相关文件
然后引入 cesium-d3kit.js 即可
    // 个别功能需要引入三方js和css 按需引入即可
    <link href="lib/Cesium/Widgets/widgets.css" rel="stylesheet">
    <script src="lib/Cesium/Cesium.js"></script>
    <script src="lib/cesium-d3kit.js"></script>
    <div id="viewerContainer"></div>
    <script>

    this._viewer = new Cesium.Viewer("viewerContainer", { infoBox: false });

    this._d3kit = new Cesium.D3Kit(this._viewer)

    let layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.GoogleImageryProvider({
        style: 'img'
    }));
    layer.name = '地图', layer.id = 'layer1', layer.show = false;

    let layer2 = this._viewer.imageryLayers.addImageryProvider(new Cesium.GoogleImageryProvider({}));
    layer2.name = '电子', layer2.id = 'layer2', layer2.show = false;

    let layer3 = this._viewer.imageryLayers.addImageryProvider(new Cesium.GoogleImageryProvider({
        style: 'ter'
    }));
    layer3.name = '地形', layer3.id = 'layer3', layer3.show = true;

    this._d3kit.showLayerSwitchPanel([layer, layer2, layer3])
    </script>

 

 

More Repositories

1

cesium-examples

学习cesium的demo示例,含基础的三维功能,空间分析,视域分析,测控分析等示例功能。但功能不完整可以借鉴一部分,部分缺失的代码在csdn上。后面将功能重构封装拓展作为一个单独插件来使用。开源地址: https://github.com/zhangti0708/cesium-d3kit
JavaScript
612
star
2

bigdata-examples

数据可视化,大屏模板示例
JavaScript
608
star
3

cesium-city3d

基于超图+原生cesium api的城市可视化,城市模拟仿真。后续再加一些分析场景进来。场景二:http://zhangticcc.gitee.io/city3d/city2.html 场景三:http://zhangticcc.gitee.io/city3d/city3.html
JavaScript
214
star
4

cesium-measure

基于cesium的基础三维量测插件
JavaScript
123
star
5

cesium-tilesetEffect

基于3dtileset的特效,插件支持到cesium1.70 。1.87+官方新增CustomShader接口无需使用插件。
JavaScript
62
star
6

cesium-viewshed

基于Cesium的可视域分析插件,没有修改源码版引入即可使用
HTML
59
star
7

new-CesiumGraph

对相控雷达改进升级到当前最新版本1.72
JavaScript
50
star
8

cesium-materialLine

基于cesium自定义材质线插件
JavaScript
31
star
9

cesium-videoshed

基于cesium视频投射,无需修改源码引入即可
HTML
30
star
10

cesium-transform

3dtilset模型矩阵变换
HTML
21
star
11

cesium-graphicBuffer

基于cesium的缓冲区示例
JavaScript
20
star
12

ncov-demo

基于ol-Cesium的数据可视化演示肺炎疫情, 地址:https://blog.csdn.net/weixin_40902527/article/details/104286497
JavaScript
15
star
13

map3d

基于recat + ts + cesium的基础环境搭建
JavaScript
7
star
14

zhangti0708.github.io

Home Page .
HTML
3
star
15

ol-examples

对openlayers的绘图的简单封装。后面整合了一套快速开发的模版:https://blog.csdn.net/weixin_40902527/article/details/104711497
JavaScript
2
star
16

cesium-shCity

基于Cesium的城市可视化场景
JavaScript
2
star
17

three-examples

基于ThreeJs的学习示例,先占个位,后续更新
2
star
18

SSM-Redis

spring+springMVC+mybatis+Redis开发模版
Java
1
star
19

SSM

基于spring+springMVC+mybatis框架的快速开发模版,可以在该模版的基础下集成其他组件。
Java
1
star
20

microservice

springCloud微服务框架学习 说明:https://blog.csdn.net/weixin_40902527/article/details/88895793
Java
1
star