Cesium 加载czml用相机跟踪实体模型

最新推荐文章于 2024-06-09 17:26:52 发布
最新推荐文章于 2024-06-09 17:26:52 发布
阅读量1.2k 收藏
点赞数
分类专栏： Cesium三维地图 文章标签： vue.js html5 javascript 前端 npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35561548/article/details/110431539
版权
Cesium 加载czml用相机跟踪实体模型关键步骤：viewer.dataSources.add(Cesium.CzmlDataSource.load(czml)).then(function (ds) { viewer.trackedEntity = ds.entities.getById("KongKeA310");// 用相机跟踪车辆。 // 取消双击事件-追踪该位置 viewer.cesiumWidget.screenSpaceEventHandler.removeInpu
摘要由CSDN通过智能技术生成

Cesium 加载czml用相机跟踪实体模型

  1. 关键步骤：
viewer.dataSources.add(Cesium.CzmlDataSource.load(czml)).then(function (ds) {
   
    viewer.trackedEntity = ds.entities.getById("KongKeA310");// 用相机跟踪车辆。 
  // 取消双击事件-追踪该位置
	viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
  // 取消左键单击事件-追踪该位置
	viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
});
  1. demo：
var czml = [
    {
   
        "id": "document", 
        "version": "1.0", 
        "clock": {
   
            "currentTime": "2020-12-01T03:20:00+00:00", 
            "multiplier": 1, 
            "interval": "2020-12-01T03:20:00+00:00/2020-12-01T04:50:27+00:00", 
            "range": "LOOP_STOP", 
            "step": "SYSTEM_CLOCK_MULTIPLIER"
        }
    }, 
    {
   
        "id": "KongKeA310", 
        "availability": "2020-12-01T03:20:00+00:00/2020-12-01T04:50:27+00:00", 
        "polygon": {
   
            "perPositionHeight": true, 
            "material": {
   
                "solidColor": {
   
                    "color": {
   
                        "rgba": [
                            255, 
                            114, 
                            86, 
                            255
                        ]
                    }
                }
            }, 
            "positions": {
   
                "references": [
                    "KongKeA310_4#position", 
                    "KongKeA310_5#position", 
                    "KongKeA310_6#position", 
                    "KongKeA310_7#position"
                ]
            }
        }
    }, 
    {
   
        "id": "KongKeA310", 
        "availability": "2020-12-01T03:20:00+00:00/2020-12-01T04:50:27+00:00", 
        "polyline": {
   
            "material": {
   
                "solidColor": {
   
                    "color": {
   
                        "rgba": [
                            255, 
                            0, 
                            0, 
                            255
                        ]
                    }
                }
            }, 
            "positions": {
   
                "references": [
                    "KongKeA310_0#position", 
                    "KongKeA310_1#position"
                ]
            }
        }
    }, 
    {
   
        "id": "KongKeA310", 
        "availability": "2020-12-01T03:20:00+00:00/2020-12-01T04:50:27+00:00", 
        "polyline": {
   
            "material": {
   
                "solidColor": {
   
                    "color": {
   
                        "rgba": [
                            0, 
                            0, 
                            255, 
                            255
                        ]
                    }
                }
            }, 
            "positions": {
   
                "references": [
                    "KongKeA310_0#position", 
                    "KongKeA310_2#position"
                ]
            }
        }
    }, 
    {
   
        "id": "KongKeA310", 
        "availability": "2020-12-01T03:20:00+00:00/2020-12-01T04:50:27+00:00", 
        "polyline": {
   
            "material": {
   
                "solidColor": {
   
                    "color": {
   
                        "rgba": [
                            255, 
                            0, 
                            0, 
                            255
                        ]
                    }
                }
            }, 
            "positions": {
   
                "references": [
                    "KongKeA310_0#position", 
                    "KongKeA310_3#position"
                ]
            }
        }
    }, 
    {
   
        "id": "KongKeA310", 
        "availability": "2020-12-01T03:20:00+00:00/2020-12-01T04:50:27+00:00", 
        "polyline": {
   
            "material": {
   
                "solidColor": {
   
                    "color": {
   
                        "rgba": [
                            255, 
                            0, 
                            0, 
                            255
                        ]
                    }
                }
            }, 
            "positions": {
   
                "references": [
                    "KongKeA310_1#position", 
                    "KongKeA310_3#position"
                ]
            }
        }
    }, 
    {
   
        "id": "KongKeA310", 
        "description": {
   
            "string": "空客A310"
        }, 
        "availability": "2020-12-01T03:20:00+00:00/2020-12-01T04:50:27+00:00", 
        "position": {
   
            "epoch": "2020-12-01T03:20:00+00:00", 
            "cartographicDegrees": [
                0.0, 
                -53.99217623754123, 
                -66.47123684645398, 
                798615.7786471198, 
                60.0, 
                -57.16387921611274, 
                -63.12886332648312, 
                797526.816446686, 
                120.0, 
                -59.729380298369406, 
                -59.7366182305942, 
                796325.6737133545, 
                180.0, 
                -61.867247689314645, 
                -56.30867765487782, 
                795027.5593473859, 
                240.0, 
                -63.69401218847015, 
                -52.8540814614167, 
                793648.9366656838, 
                300.0, 
                -65.28851243691038, 
                -49.378844476215505, 
                792207.2897266326, 
                360.0, 
                -66.70582901504315, 
                -45.88712531611388, 
                790720.8732153882, 
                420.0, 
                -67.98555883240657, 
                -42.38190463761466, 
                789208.4492946145, 
                480.0, 
                -69.1569045622752, 
                -38.865395251403406, 
                787689.0151358651, 
                540.0, 
                -70.24190891707195, 
                -35.339296716916515, 
                786181.5241183981, 
                600.0, 
                -71.25756772357742, 
                -31.804970762341828, 
                784704.6109508212, 
                660.0, 
                -72.21725768381961, 
                -28.263537023768173, 
                783276.309931657, 
                720.0, 
                -73.1317132110749, 
                -24.715956812085718, 
                781913.7910875436, 
                780.0, 
                -74.0097201927269, 
                -21.16308177633271, 
                780633.1034314288, 
                840.0, 
                -74.85861600439537, 
                -17.605689311706683, 
                779448.9358334215, 
                900.0, 
                -75.68465957245597, 
                -14.044507276059532, 
                778374.3987000191, 
                960.0, 
                -76.49331232263592, 
                -10.480231274609304, 
                777420.8303946496, 
                1020.0, 
                -77.28945786948975, 
                -6.913536744247636, 
                776597.6319547945, 
                1080.0, 
                -78.07757997087978, 
                -3.3450874251680833, 
                775912.1331896539, 
                1140.0, 
                -78.86191298498645, 
                0.22445859570551052, 
                775369.4926867306, 
                1200.0, 
                -79.64657630827502, 
                3.7944467274243814, 
                774972.6334117515, 
                1260.0, 
                -80.43569869328141, 
                7.3642124448230435, 
                774722.2165205788, 
                1320.0, 
                -81.23354855854369, 
                10.933091761433342, 
                774616.650137009, 
                1380.0, 
                -82.04466808624262, 
                14.500406985151741, 
                774652.1381855634, 
                1440.0, 
                -82.8740283103151, 
                18.065462848492572, 
                774822.7640743598, 
                1500.0, 
                -83.72721348560147, 
                21.62753767242053, 
                775120.6093538798, 
                1560.0, 
                -84.61065031048479, 
                25.185870706520927, 
                775535.9047115108, 
                1620.0, 
                -85.53190281174459, 
                28.73964395190442, 
                776057.2103837895, 
                1680.0, 
                -86.50006277523634, 
                32.2879560714587, 
                776671.6225540314, 
                1740.0, 
                -87.52627996234972, 
                35.829784865203926, 
                777365.0018783823, 
                1800.0, 
                -88.6244993917573, 
                39.36393296191117, 
                778122.2199555824, 
                1860.0, 
                -89.81251152037522, 
                42.88895070865625, 
                778927.4198807596, 
                1920.0, 
                -91.11347868510664, 
                46.403008553978076, 
                779764.2830441484, 
                1980.0, 
                -92.55822715583326, 
                49.90373180298083, 
                780616.3057983423, 
                2040.0, 
                -94.18875972579261, 
                53.387911536241745, 
                781467.0706310599, 
                2100.0, 
                -96.0638260007596, 
                56.851057449533016, 
                782300.5155241127, 
                2160.0, 
                -98.26804269052126, 
                60.28664828117913, 
                783101.1941301204, 
                2220.0, 
                -100.92737330926431, 
                63.68482791170181, 
                783854.5233765577, 
                2280.0, 
                -104.23639629479999, 
                67.03002504405283, 
                784547.0148882202, 
                2340.0, 
                -108.50799810576987, 
                70.29636868191491, 
                785166.4869603548, 
                2400.0, 
                -114.26549556241477, 
                73.43835566854796, 
                785702.2541804373, 
                2460.0, 
                -122.40589023449701, 
                76.37099035361557, 
                786145.2921784526, 
                2520.0, 
                -134.4095951479454, 
                78.92795290413083, 
                786488.3753753313, 
                2580.0, 
                -152.1115468857496, 
                80.79197290549683, 
                786726.1861169143, 
                2640.0, 
                -175.27894840466038, 
                81.4953552797138, 
                786855.3930374832, 
                2700.0, 
                161.61345342765466, 
                80.76916746789958, 
                786874.6999193392, 
                2760.0, 
                144.01701629211746, 
                78.89017730446922, 
                786784.8612878101, 
                2820.0, 
                132.09352113800446, 
                76.32523478301769, 
                786588.6671467246, 
                2880.0, 
                124.0033532096746, 
                73.38856884619494, 
                786290.8959630061, 
                2940.0, 
                118.27679063192181, 
                70.24462351268402, 
                785898.2366925412, 
                3000.0, 
                114.02487138345691, 
                66.97747127521171, 
                785419.1808309994, 
                3060.0, 
                110.72890862606408, 
                63.632163184931265, 
                784863.8858614527, 
                3120.0, 
                108.07859807251837, 
                60.23433700366141, 
                784244.0118596142, 
                3180.0, 
                105.88083517360282, 
                56.79943564406006, 
                783572.533405674, 
                3240.0, 
                104.01052834170896, 
                53.337237375074075, 
                782863.5288505016, 
                3300.0, 
                102.3836008797955, 
                49.854220627727535, 
                782131.9527409489, 
                3360.0, 
                100.94164497981869, 
                46.35484146442443, 
                781393.387458419, 
                3420.0, 
                99.64288417607032, 
                42.84228580487493, 
                780663.7872197804, 
                3480.0, 
                98.45664666295396, 
                39.318912965351664, 
                779959.2112279384, 
                3540.0, 
                97.35987565463864, 
                35.786533154793744, 
                779295.5529369329, 
                3600.0, 
                96.33485796088384, 
                32.246585635355196, 
                778688.2693114479, 
                3660.0, 
                95.36770426002302, 
                28.700256111850443, 
                778152.1145531591, 
                3720.0, 
                94.44730616585011, 
                25.148555717363706, 
                777700.8828168124, 
                3780.0, 
                93.56460318427324, 
                21.59237501761411, 
                777347.1644018892, 
                3840.0, 
                92.71205536109605, 
                18.03252134793047, 
                777102.1197749503, 
                3900.0, 
                91.8832542797516, 
                14.469742403508056, 
                776975.2755061567, 
                3960.0, 
                91.07263177670045, 
                10.904753916679939, 
                776974.3462688726, 
                4020.0, 
                90.27522839251621, 
                7.338237962009254, 
                777105.085198323, 
                4080.0, 
                89.48651197469054, 
                3.7708613528226533, 
                777371.1672042642, 
                4140.0, 
                88.70222310890854, 
                0.20327954119284827, 
                777774.1060266686, 
                4200.0, 
                87.9182393541507, 
                -3.3638586762854303, 
                778313.2073503787, 
                4260.0, 
                87.13044843809344, 
                -6.92990722211762, 
                778985.5587980347, 
                4320.0, 
                86.33462213732386, 
                -10.494218834120444, 
                779786.0570283089, 
                4380.0, 
                85.5262826445403, 
                -14.056140463699704, 
                780707.4714423213, 
                4440.0, 
                84.70055238873164, 
                -17.615007184831764, 
                781740.5432940938, 
                4500.0, 
                83.8519763818854, 
                -21.170133680213443, 
                782874.1183283605, 
                4560.0, 
                82.97430228441287, 
                -24.720804503445773, 
                784095.3112973204, 
                4620.0, 
                82.06020227636824, 
                -28.266247253846906, 
                785389.6942878726, 
                4680.0, 
                81.1009000675712, 
                -31.805622145163312, 
                786741.517799139, 
                4740.0, 
                80.0856738757026, 
                -35.33797709468924, 
                788133.9442703321, 
                4800.0, 
                79.00116471146922, 
                -38.862199141796665, 
                789549.3020749345, 
                4860.0, 
                77.830397535215, 
                -42.37694024876411, 
                790969.3508347146, 
                4920.0, 
                76.55136058418572, 
                -45.880507572313185, 
                792375.5544214929, 
                4980.0, 
                75.13489461236917, 
                -49.370697842018004, 
                793749.3572291749, 
                5040.0, 
                73.54146569172563, 
                -52.84454096398179, 
                795072.459383208, 
                5100.0, 
                71.71608780139051, 
                -56.29789088347948, 
                796327.0867123109, 
                5160.0, 
                69.58006908582051, 
                -59.724749084819834, 
                797496.2515239409, 
                5220.0, 
                67.01711501887196, 
                -63.11609903085753, 
                798564.0004909518, 
                5280.0, 
                63.84905029042485, 
                -66.45780359709025, 
                799515.6468556231, 
                5340.0, 
                59.79192109330672, 
                -69.72659072168626, 
                800337.9802230602, 
                5400.0, 
                54.3748372471523, 
                -72.88201254281361, 
                801019.460619205
            ], 
            "interpolationAlgorithm": "LAGRANGE", 
            "referenceFrame": "FIXED"
        }, 
        "label": {
   
            "show": true, 
            "text": "KongKeA310", 
            "horizontalOrigin": "LEFT", 
            "pixelOffset": {
   
                "cartesian2": [
                    12, 
                    0
                ]
            }, 
            "font": "11pt Lucida Console", 
            "fillColor": {
   
                "rgba": [
                    213, 
                    0, 
                    255, 
                    255
                ]
            }
        }, 
        "path": {
   
            "show": true, 
            "width": 2, 
            "resolution": 120, 
            "material": {
   
                "solidColor": {
   
                    "color": {
   
                        "rgba": [
                            213, 
                            0, 
                            255, 
                            255
                        ]
                    }
                }
            }
        }, 
        "orientation": {
   
            "velocityReference": "#position"
        }, 
        "model": {
   
            "gltf": "../SampleData/models/CesiumAir/Cesium_Air.glb",
            "scale": 10000
        }
    }, 
    {
   
        "id": "KongKeA310", 
        "availability": "2020-12-01T03:20:00+00:00/2020-12-01T04:50:27+00:00", 
        "position": {
   
            "epoch": "2020-12-01T03:20:00+00:00", 
            "cartographicDegrees": [
                0.0, 
                -54.17218036546724, 
                -66.56020883419973, 
                0.0, 
                60.0, 
                -57.34770220657406, 
                -63.20748176201181, 
                0.0, 
                120.0, 
                -59.910562679573246, 
                -59.80552638827344, 
                0.0, 
                180.0, 
                -62.042313557826304, 
                -56.369148436979394, 
                0.0, 
                240.0, 
                -63.86153731444026, 
                -52.90752110226652, 
                0.0, 
                300.0, 
                -65.44825423573391, 
                -49.42654128293074, 
                0.0, 
                360.0, 
                -66.85814667927941, 
                -45.93016698549559, 
                0.0, 
                420.0, 
                -68.13108062083508, 
                -42.42117656861693, 
                0.0, 
                480.0, 
                -69.29635227300676, 
                -38.90160816246923, 
                0.0, 
                540.0, 
                -
最低0.47元/天 解锁文章
浮年似水
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Cesium动态跟踪Czml数据中的模型并显示到可视范围内
浮年似水
01-19 1478
Cesium动态跟踪Czml数据中的模型并显示到可视范围内 具体实现方法看如下代码，此方法能实现Czml中有单个模型或多个模型不在用户可视范围内时，通过此方法可直接追踪模型到可视范围内。 data() { return { CzmlDataSource:'',//用来追踪卫星模型的Czml数据源 }; }, methods:{ //获取Czml数据的方法 getCzml(){ //czml：为获取到的
Cesium添加和取消相机跟踪+时间轴暂停和启动+根据name移除CZML数据
浮年似水
12-02 2052
Cesium添加和取消相机跟踪+时间轴暂停和启动+根据name移除CZML数据 具体实现代码： var viewer = new Cesium.Viewer("cesiumContainer", { terrainProvider: Cesium.createWorldTerrain(), baseLayerPicker: false, shouldAnimate: true, }); viewer._cesiumWidget._creditContainer.style.display =
cesium CZML
Raccon_的博客
10-14 2552
笔记
三维地图Cesium，加载一个模型，模型沿着给定的一组经纬度路线移动
最新发布
qq_920189602的博客
06-09 1261
三维地图Cesium，加载一个模型，模型沿着给定的一组经纬度路线移动 1、加载指定可自定义火车模型 2、移动的路线可以自定义修改，也可以在地图上自己选择移动路线(取路线代码已有) 3、给定指定的移动速度 4、视角切换(第一视角、自由视角、跟随视角) 5、根据指定的经纬度点为起点开始移动 6、停止移动、开始移动、到站提示、从起点重新移动、默认相机的视角 7、根据实际业务，接口获取获取的速度、移动路线、车的状态(前进、静止、后退)来控制模型的状态
Cesium中级教程3 - Camera - 相机（摄像机）
Cesium中文网的博客
05-21 2172
Cesium中文网：http://cesiumcn.org/ | 国内快速访问：http://cesium.coinidea.com/ Camera CesiumJS中的Camera控制场景的视图。有很多方法可以操作Camera，如旋转(rotate)、缩放(zoom)、平移(pan)和飞到目的地(flyTo)。CesiumJS有鼠标和触摸事件用来处理与Camrea的交互，还有API来以编程方式操...
Cesium入门12 - Camera Modes - 相机模式
weixin_34304013的博客
08-22 140
2019独角兽企业重金招聘Python工程师标准>>> ...
cesium 相机跟随
左直拳的马桶_日用桶
08-31 3632
一场大的台风路径通常很长，可能从靠近赤道的太平洋一直往北吹到东三省。跨度这么大，在三维GIS中，往往不容易看全。如果能够实现相机随动效果，即相机跟随台风步进、移动，就生动许多了。 感觉在cesium中，坐标和视角、相机、viewer是一个难点，我到现在都搞不清楚。方向（orientation）可以总结一下： XYZ轴，由负到正，分别对应西东、南北、下上。 heading：视场角，观察者（相机？）与地球围绕Y轴转，可以想象为相机向左，地球就向右；反之。 pitch：俯仰角，观察者与地球围绕X轴转；观察者
Cesium加载czml文件
总柴的博客
07-28 1874
Cesium加载czml文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <script src="https://cesium.com/downloads/cesiumjs/releases/1.58/Build/Cesium/Cesium.js"></script> <link href="https://cesium.
cesium实现运动模型的相机第一视角跟随
专注GIS开发
05-05 6270
cesium实现运动模型的相机第一视角跟随
37.（cesium篇）cesium加载gltf模型（贴地）.zip
06-08
该资源包的执行效果查看地址：https://blog.csdn.net/m0_60387551/article/details/123184049 “地图之家”专栏中的“37.（cesium篇）cesium加载gltf模型（贴地）”。如下载有问题，可联系博主。 解压密码：cesium
cesium 卫星轨迹模拟 czml
03-04
【cesium 卫星轨迹模拟 czml】是关于在Cesium平台上使用CZML（Cesium JavaScript Object Notation）语言来模拟卫星轨迹的一种技术。Cesium是一个强大的开源JavaScript库，用于在Web浏览器中创建交互式的3D地球可视化...
cesium 飞机模型、汽车模型
08-24
Cesium官方模型，飞机模型gltf文件，汽车模型.
cesium 加载卫星czml 数据
08-09
cesium 加载卫星czml 数据
cesium单独加载3d模型.txt
11-16
cesium单独加载3d模型
Cesium加载超图S3M
01-11
如果你不使用超图的iClient服务，也可以通过编写自定义的转换插件，将S3M数据转换为Cesium可读的格式，如TiledModel或者GeoJSON。这通常涉及到对S3M文件结构的理解，包括解码模型数据、纹理信息和层次结构。 在处理...
cesium画飞线_Cesium+earthSD实现相机飞行动画
weixin_34044446的博客
12-31 638
//创建相机跟随createCameraFollow(line) {//var p1 = [//[[DtoR(-122.174699), DtoR(37.433888), 0], [ 2.0991215, 0.5497211,50] ]//];if (line.tgtIp === '' || line.srcIp ===line.tgtIp) {return}var p1 =[[[this.Dt...
[cesium] | 路径漫游 | 第一视角 | 相机跟踪效果
啊嘞嘞的博客
09-07 2520
通过SampledPositionProperty 实现 效果图
学习Cesium第三天 Cesium相机系统
qq_45490498的博客
03-18 352
在二维GIS中移动视域或者进行空间漫游，只需要设置视域范围中心点的的经纬度和图层等级，可以理解为只需确定视点位置即可，不存在视线方向问题。但在三维GIS中不仅需要确定视点位置，还需要确定视线方向，如果目标物与视线方向相反，那么在视域中则看不到目标物。Cesium通过相机控制场景中的视域，旋转、缩放、平移等操作都可控制相机移动。当用户拖动地球移动时，其实是地球不动，相机在移动，这种相对运动产生场景移动的效果。Cesium具有默认的鼠标和触摸事件处理程序与摄像头交互，默认的相机操作有。
设置相机视角及跟踪一个移动的实体
youlinhuanyan的博客
01-17 3100
一、设置视角 1.通过setView设置相机视角 // 通过设置相机位置目标点 viewer.camera.setView({ destination : new Cesium.Cartesian3(x, y, z), orientation: { heading : headingAngle, pitch : pitchAngle, ...
在nodejs中加载cesium的czml
05-19
要在Node.js中加载Cesium的CZML，需要使用Node.js的File System模块和Cesium的CZML处理模块。以下是一个简单的例子，展示如何加载CZML文件并将其解析为JavaScript对象： ```javascript const fs = require('fs'); ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

浮年似水

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值