当前位置：网站首页>Cesium-1.72 learning (camera tracking)

Cesium-1.72 learning (camera tracking)

2022-06-30 17:10:00 【Eternal wolf tooth】

Insert picture description here

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cameraFllow  Camera tracking </title>
    <link rel="stylesheet" href="/Cesium-1.72/Build/Cesium/Widgets/widgets.css">
    <script src="/Cesium-1.72/Build/Cesium/Cesium.js"></script>
</head>
<body>
<div style="width:1500px;height:700px;">
    <div id="cesiumContainer" style="width:100%;height:100%;"></div>
</div>
</body>
</html>
<script> var viewer = new Cesium.Viewer('cesiumContainer', {
      imageryProvider:new Cesium.UrlTemplateImageryProvider({
      url:'http://localhost:8099/basemap_0-10/{z}/{y}/{x}.png', // Native map service  fileExtension : "png", }), geocoder:false, // A geographic location search tool , Used to display the geographic location accessed by the camera . The default is Microsoft Bing Map . homeButton:true, // Home page location , Click to jump to the default view . sceneModePicker:true, // Switch 2D、3D  and  Columbus View (CV)  Pattern . baseLayerPicker:false, // Select the base map of 3D digital earth （imagery and terrain）. navigationHelpButton:true, // Help tips , How to operate digital earth . animation:false,// Control the playback speed of window animation . creditsDisplay:false, // Display trademark copyright and data sources . timeline:false, // Show the current time and allow the user to drag to any specified time on the progress bar . fullscreenButton:true, // Check the full screen button  shouldAnimate: true, clock:new Cesium.Clock({
      currentTime:Cesium.JulianDate.fromDate(new Date()) }) }); viewer.scene.globe.enableLighting = true;// Enable the earth with the sun as the light source  var position = Cesium.Cartesian3.fromDegrees( -123.0744619, 44.0503706, 100000, ); var entity = viewer.entities.add({
      id:"plane", name: "my big palne", position: position, model: {
      uri: "/Cesium-1.72/Apps/SampleData/models/CesiumAir/Cesium_Air.glb", minimumPixelSize: 128, maximumScale: 20000, }, }); // Gets or sets what the camera is currently tracking Entity example  viewer.trackedEntity = entity; var i = 0 ; setInterval(function(){
      viewer.entities.getById("plane").position=Cesium.Cartesian3.fromDegrees( -123.0744619+i, 44.0503706, 100000, ); i+=0.1; },100); </script>

Camera follows aircraft
Case code ：https://github.com/zhangxuhui1992/cesium

原网站

版权声明
本文为[Eternal wolf tooth]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/02/202202160502157881.html

当前位置：网站首页>Cesium-1.72 learning (camera tracking)

Cesium-1.72 learning (camera tracking)

边栏推荐

猜你喜欢

随机推荐