Cesium显示地图,页面顶部出现留白情况
时间: 2023-12-02 12:03:56 浏览: 53
这种情况通常是由于Cesium的默认样式所引起的。可以通过以下方式解决:
1. 在HTML文件的<head>标签中添加以下样式代码:
```html
<style>
html, body, #cesiumContainer {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
font-family: sans-serif;
-ms-touch-action: none;
touch-action: none;
}
</style>
```
2. 在创建Cesium Viewer的代码中,将Cesium.Viewer的第二个参数设置为false,禁用默认UI:
```javascript
var viewer = new Cesium.Viewer('cesiumContainer', {
animation: false,
timeline: false,
fullscreenButton: false,
geocoder: false,
homeButton: false,
sceneModePicker: false,
navigationHelpButton: false,
baseLayerPicker: false
});
```
这样就可以解决页面顶部出现留白的问题。
阅读全文