首页 > 其他 > 详细

Cesium初始化

时间:2020-01-07 12:54:21      阅读:147      评论:0      收藏:0      [点我收藏+]

如果还不会配置和引入的话,可以去看一下我的这两篇文章

https://www.cnblogs.com/reround/p/11943717.html
https://www.cnblogs.com/reround/p/12020661.html

1.给页面添加一个div#cesiumContainer 

2.初始化方法

   

this.viewer = new this.Cesium.Viewer(‘cesiumContainer‘, {
        imageryProvider: new this.Cesium.UrlTemplateImageryProvider({
          url: this.sourceUrl +‘/webearth/tiles/world/{z}/{x}/{reverseY}.jpg‘,  // sourceUrl 是配置的ip地址和端口 后面是路径是后台提供的
          proxy: new this.Cesium.DefaultProxy(‘/proxy/‘)   //cesium的跨域
        }),
        baseLayerPicker: false,   //图层选择器
        animation: false,   //左下角仪表
        fullscreenButton: false,   //全屏按钮
        geocoder: false,   //右上角查询搜索
        infoBox: false,   //信息框
        homeButton: false,   //home按钮
        sceneModePicker: true,  //3d 2d选择器
        selectionIndicator: false,  //
        timeline: false,   //时间轴
        navigationHelpButton: false,  //右上角帮助按钮
        contextOptions: {   //截图需要的
          webgl:{
            alpha: true,
            depth:true,
            stencil:true,
            antialias:true,
            premultipliedAlpha:true,
            //通过canvas.toDataURL()实现截图需要将该项设置为true
            preserveDrawingBuffer:true,
            failIfMajorPerformanceCaveat:true
          }
        }
      })

定义在init() 里后,记得调用

如果你需要哪些功能,可以把对应的代码去掉,cesium默认是有的 

如果你加载的图层是cesium的图层 你得去cesium的官网注册一个 ion token 不然有的图层你是没法使用的 

Cesium初始化

原文:https://www.cnblogs.com/reround/p/12160503.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!