当前位置：网站首页>Cesium-1.72 learning (eagle eye map of the earth)

Cesium-1.72 learning (eagle eye map of the earth)

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

Insert picture description here

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> mapx </title>
    <link rel="stylesheet" href="/Cesium-1.72/Build/Cesium/Widgets/widgets.css">
    <script src="/Cesium-1.72/Build/Cesium/Cesium.js"></script>
    <style> #eye {
      position: absolute; width: 20%; height: 20%; bottom: 50px; right: 30px; z-index: 999; border: solid blue 1px; } .cesium-viewer-bottom{
      display: none; } </style>
</head>
<div style="width:1500px;height:700px;">
    <div id="cesiumContainer" style="width:100%;height:100%;"></div>
    <div id="eye"></div>
</div>
</html>
<script> //1. Create a double ball  var viewer = new Cesium.Viewer('cesiumContainer',{
      geocoder:false, homeButton:false, sceneModePicker:false, baseLayerPicker:false, navigationHelpButton:false, animation:false, timeline:false, fullscreenButton:false }); var viewer1 = new Cesium.Viewer('eye',{
      geocoder:false, homeButton:false, sceneModePicker:false, baseLayerPicker:false, navigationHelpButton:false, animation:false, timeline:false, fullscreenButton:false }); //2. Set the attribute of the ball in the eagle eye diagram  let control = viewer1.scene.screenSpaceCameraController; control.enableRotate = false; control.enableTranslate = false; control.enableZoom = false; control.enableTilt = false; control.enableLook = false; let syncViewer = function() {
      viewer1.camera.flyTo({
      destination: viewer.camera.position, orientation: {
      heading: viewer.camera.heading, pitch: viewer.camera.pitch, roll: viewer.camera.roll }, duration: 0.0 }); }; //3.  Sync  viewer.entities.add({
      position : Cesium.Cartesian3.fromDegrees(0, 0), label : {
      text : new Cesium.CallbackProperty(function(){
      syncViewer(); return ""; }, true) } }); </script>

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

原网站

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

当前位置：网站首页>Cesium-1.72 learning (eagle eye map of the earth)

Cesium-1.72 learning (eagle eye map of the earth)

边栏推荐

猜你喜欢

随机推荐