Cesium-相机视角锁定(针对模型)
Cesium加载模型的方式一般分为两种:
1、加载Entity类型模型。
var entity = viewer.entities.add({ position: Cesium.Cartesian3.fromDegrees(lon,lat), model: { uri:"../mapdatas/model.glb", color: Cesium.Color.GAINSBORO, colorBlendAmount: 0.4 } });
2、加载Primitive类型模型。
var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({ url: './mapdatas/model/tiles/tileset.json', maximumScreenSpaceError:10, show:true }));
针对以上两种模式的模型加载方式,对应两种相机视角锁定的方法:
1、Entity类型相机视角锁定。
var entity = viewer.entities.add({ position: Cesium.Cartesian3.fromDegrees(lon,lat), model: { uri:"../mapdatas/model.glb", color: Cesium.Color.GAINSBORO, colorBlendAmount: 0.4 } }); //绑定方式 viewer.trackedEntity = entity; //解绑方式 viewer.trackedEntity = undefined;
2、Primitive类型相机视角锁定。
var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({ url: './mapdatas/model/tiles/tileset.json', maximumScreenSpaceError:10, show:true })); //绑定方式 tileset.readyPromise.then(function(model) { var camera = viewer.camera; var scene = viewer.scene; var center = Cesium.Matrix4.multiplyByPoint(model.modelMatrix,model.boundingSphere.center, new Cesium.Cartesian3()); var hpr = new Cesium.HeadingPitchRange(Cesium.Math.toRadians(91), viewerPitch, viewerHeight); camera.lookAt(center,hpr ); }) //解绑方式 viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
备注:使用flyTo方法后直接使用lookat方法,可能会不能显示绑定效果,我是在flyto方法的then方法中加了一个setTimeout的方法去触发lookat方法,时间可以随便写。不知道这样是不是正确的处理方式,如果有更好的方法,欢迎讨论。