cesium載入飛機模型，entity方式和primitive方式載入，縮放至模型處
阿新 • • 發佈：2018-11-21
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Use correct character set. -->
<meta charset="utf-8">
<!-- Tell IE to use the latest, best version. -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Make the application on mobile take up the full browser screen and disable user scaling. -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>Hello World!</title>
<script src="./Build/Cesium/Cesium.js"></script>
<style>
@import url(./Build/Cesium/Widgets/widgets.css);
html, body, #cesiumContainer {
width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
}
</style>
</head>
<body>
<div id="cesiumContainer"></div>
<script>
Cesium.Ion.defaultAccessToken='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3ZjA2ZDQ2ZS02NTA4LTQ2NTItODE1My1kZjE3MjBkMjFkNzAiLCJpZCI6NDM5NCwic2NvcGVzIjpbImFzciIsImdjIl0sImlhdCI6MTU0MDcyNzI4Nn0.L7P8pJponZfYjdsGnEw2hIHd2AN0h-SuYl6XvzOwLeA';
var viewer = new Cesium.Viewer('cesiumContainer',{
baseLayerPicker:false,
timeline:false,
homeButton:false,
fullscreenButton:false,
infoBox:false,
sceneModePicker:false,
navigationInstructionsInitiallyVisible:false,
navigationHelpButton:false,
animation:false
});
var scene = viewer.scene;
//在搜尋框中搜索 Exton, PA即可找到飛機所在位置
//entity方式載入
// var entity = viewer.entities.add({
// position : Cesium.Cartesian3.fromDegrees(-75.62898254394531, 40.02804946899414,0),
// model : {
// uri : './Apps/SampleData/models/CesiumAir/Cesium_Air.gltf',
// scale:200
// }
// });
//viewer.trackedEntity = entity; </script>
//primitive方式載入
var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(
Cesium.Cartesian3.fromDegrees(-75.62898254394531, 40.02804946899414, 0.0));
var model = scene.primitives.add(Cesium.Model.fromGltf({
url : './Apps/SampleData/models/CesiumAir/Cesium_Air.gltf',
modelMatrix : modelMatrix,
scale : 200.0,
}));
// Cesium.when(model.readyPromise).then(function(model) {
// model.activeAnimations.addAll({
// loop : Cesium.ModelAnimationLoop.REPEAT
// });
// });
//通過viewer設定鏡頭，飛行至實體位置
viewer.camera.setView({
destination : Cesium.Cartesian3.fromDegrees(-75.62898254394531, 40.02804946899414, 0.0)
});
//viewer.zoomTo([-75.62898254394531, 40.02804946899414,0]);
</body>
<script ></script>
</html>