Cesium 系列2 - 默认位置设置及二三维切换定位问题解决

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/bitree1/article/details/85006727

1，显示二三维切换按钮

SceneModePicker：true

2.设置初始视点：

var extend= Cesium.Rectangle.fromDegrees(100, 10, 120, 70);
Cesium.Camera.DEFAULT_VIEW_RECTANGLE = extend;
Cesium.Camera.DEFAULT_VIEW_FACTOR =0

3.二三维切换定位问题

 点击二三维切换按钮时候，切换了会显示一个大图，并没有回到原来的位置上去，如下图：

解决方法1：

  viewer.sceneModePicker.viewModel.duration = 0.0;//去掉二三维切换动画效果

  设置这个参数，二三维切换的时候位置就会保持原来的了

原理：  cesium底层的代码做了一个判断，如果延时参数大于0，就缩放到全球显示一个切换动画，设成0就没这个动画了

解决方法2：

   切换二三维的自己做UI，调用底层的代码切换，都可以实现切换二三维

4.初始定位：

var boundingSphere = new Cesium.BoundingSphere(Cesium.Cartesian3.fromDegrees(116.4, 39.9, 100), 15000);
 
// Override behavior of home button
viewer.homeButton.viewModel.command.beforeExecute.addEventListener(function(commandInfo) {
    // Fly to custom position
    viewer.camera.flyToBoundingSphere(boundingSphere);

    // Tell the home button not to do anything
    commandInfo.cancel = true;
});

// Set custom initial position
viewer.camera.flyToBoundingSphere(boundingSphere, {duration: 0});

还有其他解决方法请留言哦，在此记录希望能够帮到你

将不定期更新资源，欢迎持续关注

---

想获得更多的学习知识请关注微信公众号：西北码农或扫下方二维码