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

Cesium-1.72 learning (earth rotation)

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

Insert picture description here

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>earth  rotation </title>
    <link rel="stylesheet" href="/Cesium-1.72/Build/Cesium/Widgets/widgets.css">
    <script src="/Cesium-1.72/Build/Cesium/Cesium.js"></script>
</head>
<div style="width:1500px;height:700px;">
    <div id="cesiumContainer" style="width:100%;height:100%;"></div>
</div>
</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  //  The earth rotates  function icrf() {
      if (!viewer || viewer.scene.mode !== Cesium.SceneMode.SCENE3D) {
      return; } const icrfToFixed = Cesium.Transforms.computeIcrfToFixedMatrix( viewer.clock.currentTime ); if (Cesium.defined(icrfToFixed)) {
      const camera = viewer.camera; const offset = Cesium.Cartesian3.clone(camera.position); const transform = Cesium.Matrix4.fromRotationTranslation(icrfToFixed); camera.lookAtTransform(transform, offset); } } //option You can set some parameters of the clock , For example, the starting time of rotation , The speed of rotation, etc  const start = function (cesiumViewer,option={
     multiplier:1}) {
      viewer = cesiumViewer viewer.scene.postUpdate.addEventListener(icrf); if(viewer.clock){
      const keys=Object.keys(option) for(let k of keys){
      viewer.clock[k]=option[k] } } } const stop = function () {
      if(!viewer){
      return } viewer.clock.multiplier=1 viewer.scene.postUpdate.removeEventListener(icrf); viewer = undefined } // In order to see clearly , Set the clockwise speed to 500 times  start(viewer,{
     multiplier:500}) setTimeout(function () {
      alert(" Stop rotation ") stop(); },10000) </script>

Case code ：https://github.com/zhangxuhui1992/cesium

原网站

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

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

Cesium-1.72 learning (earth rotation)

边栏推荐

猜你喜欢

随机推荐