cesium-d3kit
基于cesium的基础功能封装包,包含一些常用分析,绘制,特效,材质,计算,三方插件等近一百个接口并提供使用示例;
cesium-d3kit
在线示例
使用
创建仓库并 git clone 到本地即可. 一分钟左右
unzip cesium-d3kit.zip
将map目录直接放在web服务器下直接浏览
打开examples目录下的html功能示例文件需要自行引入插件。
在项目中引入Cesium.js
然后引入 cesium-d3kit.js 即可
<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>