当前位置：网站首页>Cesium-1.72 learning (model attitude control)

Cesium-1.72 learning (model attitude control)

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

Insert picture description here

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>3D Model attitude control </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="toolbar" style="z-index: 999;"></div>
    <div id="cesiumContainer" style="width:100%;height:100%;"></div>
</div>
</body>
</html>
<script> var viewer = new Cesium.Viewer('cesiumContainer', {
      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 }); viewer.scene.globe.enableLighting = true;// Enable the earth with the sun as the light source  var heading = Cesium.Math.toRadians(0);// Position of model head  y Axis rotation  var pitch = 0;//z  Axis rotation  var roll = 0;//x  Axis rotation  var hpr = new Cesium.HeadingPitchRoll(heading, pitch, roll); var orientation = Cesium.Transforms.headingPitchRollQuaternion( Cesium.Cartesian3.fromDegrees(-123.0744619, 44.0503706, 5000), hpr ); var entity = new Cesium.Entity({
      id:'palne', name:'My plane', position: Cesium.Cartesian3.fromDegrees(-123.0744619, 44.0503706, 5000), orientation:orientation, model:{
      uri: "/Cesium-1.72/Apps/SampleData/models/CesiumAir/Cesium_Air.glb", minimumPixelSize: 128, maximumScale: 20000, } }) viewer.entities.add(entity); viewer.zoomTo(entity); var imageryLayers = viewer.imageryLayers; // The viewModel tracks the state of our mini application. var viewModel = {
      brightness: 0, contrast: 0, hue: 0, saturation: 0, gamma: 0, }; // Convert the viewModel members into knockout observables. Cesium.knockout.track(viewModel); // Bind the viewModel to the DOM elements of the UI that call for it. var toolbar = document.getElementById("toolbar"); Cesium.knockout.applyBindings(viewModel, toolbar); // Make the active imagery layer a subscriber of the viewModel. function subscribeLayerParameter(name) {
      Cesium.knockout .getObservable(viewModel, name) .subscribe(function (newValue) {
      if (imageryLayers.length > 0) {
      var layer = imageryLayers.get(0); layer[name] = newValue; } }); } subscribeLayerParameter("brightness"); subscribeLayerParameter("contrast"); subscribeLayerParameter("hue"); subscribeLayerParameter("saturation"); subscribeLayerParameter("gamma"); </script>

The adjustment of model attitude is related to the current position of the model
Case code ：https://github.com/zhangxuhui1992/cesium

原网站

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

当前位置：网站首页>Cesium-1.72 learning (model attitude control)

Cesium-1.72 learning (model attitude control)

边栏推荐

猜你喜欢

随机推荐