cesium 实时传参更新模型的位置和姿态

最新推荐文章于 2024-08-21 11:08:38 发布

weixin_30299539

最新推荐文章于 2024-08-21 11:08:38 发布

阅读量2.2k

点赞数 2

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/airduce/p/10417538.html

版权

本文介绍了如何在Cesium中通过javascript实时传递参数，动态调整3D模型的位置和姿态，以实现飞行模拟效果。通过cesiumFlight.js的示例代码，展示了具体的实现方法。

摘要由CSDN通过智能技术生成

html

<!DOCTYPE html>
<html>
    <head>
        <title> sesium Demo </title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <script src = "../Build/Cesium/Cesium.js"></script>
        <link href="../Build/Cesium/Widgets/widgets.css" rel="stylesheet">
    </head>

    <body>
        <input type="text" id="clock">
        <div id="cesiumContainer"></div>
        <div id="showInfo"></div>
        
    </body>
</html>

<!-- 1、获取viewer对象 -->
<script>
    var viewer = new Cesium.Viewer('cesiumContainer', {
        imageryProvider : Cesium.createTileMapServiceImageryProvider({
            url : Cesium.buildModuleUrl('Assets/Textures/NaturalEarthII') //使用的是默认的离线地图离线地图
        }),
        shouldAnimate : true,
        geocoder:false,
        homeButton:false,
        sceneModePicker:false,
        baseLayerPicker : false,
        //baseLayerPicker:false,
        //animation:false,
        //creditContainer:"credit"
        timeline:true,
        vrButton:false
    });
</script>

<!-- 2、加载渲染代码 -->
<script src = "./javaScript/cesiumFlight.js"></script>

<!-- 3、调用更新 -->
<script>

    //测试数据 [时间，经度，纬度，高程]
    var myArray = [
        [0,-119,35.1219512195122,0],
        [10,