Code Monkey home page Code Monkey logo

cesium-d3kit's Introduction

cesium-d3kit

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

cesium-d3kit

在线示例

使用

打开 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>

 

 

cesium-d3kit's People

Contributors

zhangti0708 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.