文章/答案/技术大牛

发布

社区首页 >问答首页 >调整Cesium查看器的大小

问调整Cesium查看器的大小
EN

Stack Overflow用户

提问于 2018-12-13 01:57:11

回答 1查看 2.3K关注 0票数 0

目前正在使用and和Bootstrap开发and应用程序。

问题是is查看器不能调整大小。我找到的唯一解决方案是在css中使用overflow: hidden;来限制窗口大小。你会明白这会导致不必要的资源使用，因为我们正在做一个简单的缓存错误。

有什么线索可以调整to查看器的大小吗？

  var cesiumContainer = document.getElementById("cesiumContainer");

  var ellipsoid = Cesium.Ellipsoid.WGS84;

  var viewer = new Cesium.Viewer("cesiumContainer", {
    sceneMode: Cesium.SceneMode.SCENE3D,
    infoBox: false,
    geocoder: false,
    timeline: false,
    animation: false,
    homeButton: false,
    scene3DOnly: true,
    baseLayerPicker: false,
    sceneModePicker: false,
    fullscreenButton: false,
    projectionPicker: false,
    selectionIndicator: false,
    navigationHelpButton: false,
    navigationInstructionsInitiallyVisible: false
  });

html,
body,
#cesiumContainer {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang='en'>

  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="http://cesiumjs.org/releases/1.11/Build/Cesium/Widgets/widgets.css">

    <script src="http://cesiumjs.org/releases/1.11/Build/Cesium/Cesium.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

  </head>

  <body>

    <div class="container-fluid">
      <div id="cesiumContainer"></div>

      <div class="col">
        This must take 50% of height.
      </div>

    </div>

  </body>

</html>

css

bootstrap-4

cesium

回答 1

Stack Overflow用户

发布于 2018-12-15 00:28:10

Responsive DIVs in CesiumViewer [CesiumJS]

正如我在这里所说的，我在这里有一个非常类似的问题，使用reactjs你可以使用As作为react组件，并根据浏览器大小来渲染as地图和它的大小。

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53748783

复制

相似问题

问调整Cesium查看器的大小
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问调整Cesium查看器的大小EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问调整Cesium查看器的大小
EN