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方法,时间可以随便写。不知道这样是不是正确的处理方式,如果有更好的方法,欢迎讨论。