cesium的视角定位1

最近公司说要搞一下cesium,应公司要求我就搞了一下,但是不得不说这个真的很难啊,毫无头绪,现在就是看到哪里写到哪里,纯粹的记录一下学习的历程,不完整,也没法给新手提供一下基本的思路,就是跟着demo写,不明白的再去查api,查视频,查资料,一点点记录,大家互相参考一下吧!

PS:我只是个小前端,不搞webGL的呀,555555~~~~~

cesium的视角定位,就是根据经纬度展示到相应的位置:

主要点就是经纬度转化为世界坐标

this.Cesium.Cartesian3.fromDegrees(118.57,37.55,3000),
var viewer = new this.Cesium.Viewer("cesiumContainer",{
                geocoder:false,     //右上角左侧
                homeButton:false,
                sceneModePicker:false,
                baseLayerPicker:false,
                navigationHelpButton:false,
                animation:false,
                // creditContainer:"credit",
                timeline:false,
                fullscreenButton:false,
                vrButton:false,
            });
            //设置视角
            viewer.camera.setView({
                 // Cesium的坐标是以地心为原点,一向指向南美洲,一向指向亚洲,一向指向北极州
                // fromDegrees(lng,lat,height)方法,将经纬度和高程转换为世界坐标
                destination: this.Cesium.Cartesian3.fromDegrees(118.57,37.55,3000),
                orientation: {
                    //指向
                    heading: this.Cesium.Math.toRadians(0),
                    //视角
                    pitch: this.Cesium.Math.toRadians(-50),
                    roll: this.Cesium.Math.toRadians(0 ),
                    range:10000
                }
            })
            viewer.zoomTo(viewer);

运行结果:

 

 

posted @ 2021-09-25 13:57  星宝攸宁  阅读(1021)  评论(0)    收藏  举报