var viewer = new Cesium.Viewer('cesiumContainer', { showBottomContainer: false, bottomContainerHeight: 0 });图标依旧在
时间: 2024-02-21 19:02:22 浏览: 150
如果以上方法仍然无法隐藏底部图标,您可以尝试使用以下方法。首先,通过CSS选择器找到底部图标所在的元素,然后将其隐藏。具体代码示例如下:
```javascript
// 获取cesium viewer的底部图标元素
var bottomElement = document.querySelector('.cesium-viewer-bottom');
// 隐藏底部图标元素
bottomElement.style.display = 'none';
```
需要注意的是,由于底部图标的实现方式可能会随着Cesium版本的更新而发生变化,因此以上代码也可能会失效。如果您在使用过程中遇到了问题,建议查看一下Cesium官方文档,或者提交一个issue到Cesium的GitHub仓库中,以寻求更好的解决方案。
相关问题
var viewer = new Cesium.Viewer('cesiumContainer', { showBottomContainer: false });图标依旧在
如果您使用的是Cesium 1.72及以上版本,那么在hide掉底部图标之后,可能会出现一个空白的区域。此时,您可以将底部区域的高度设置为0,以达到隐藏底部图标的效果。具体代码示例如下:
```javascript
var viewer = new Cesium.Viewer('cesiumContainer', {
showBottomContainer: false,
bottomContainerHeight: 0
});
```
如果您使用的是Cesium 1.71及以下版本,那么您可以尝试使用下面这段代码来隐藏底部图标:
```javascript
var viewer = new Cesium.Viewer('cesiumContainer');
viewer._bottomContainer.style.display = 'none';
```
需要注意的是,以上方法都是不被官方文档支持的,而且在未来的版本中可能会失效。因此,请谨慎使用,并注意随时关注Cesium官方文档的更新。
<template> <div id="cesiumContainer"></div> </template> <script setup> import * as Cesium from 'cesium'; import { onMounted } from 'vue'; onMounted(()=>{ var custom = new Cesium.ArcGisMapServerImageryProvider({ url:'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer' }) var viewer = new Cesium.Viewer('cesiumContariner',{ baseLayerPicker:false, imageryProvider:custom, terrainProvider:Cesium.createWorldTerrain({ requestWaterMask:true, requestVertexNormals:true, }) }) }) </script>检查代码有没有问题
根据您提供的代码,可能是因为您在模板中将 `id` 设置为 `cesiumContainer`,但是在脚本中却将其写作 `cesiumContariner`,拼写不一致导致无法找到元素。请将 `new Cesium.Viewer()` 方法中的 id 参数改为正确的拼写,应该就可以解决该问题。
修改后的代码应该如下所示:
```
<template>
<div id="cesiumContainer"></div>
</template>
<script setup>
import * as Cesium from 'cesium';
import { onMounted } from 'vue';
onMounted(()=>{
var custom = new Cesium.ArcGisMapServerImageryProvider({
url:'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'
})
var viewer = new Cesium.Viewer('cesiumContainer',{
baseLayerPicker:false,
imageryProvider:custom,
terrainProvider:Cesium.createWorldTerrain({
requestWaterMask:true,
requestVertexNormals:true,
})
})
})
</script>
```
请注意,我只是将 `new Cesium.Viewer()` 方法中的一个参数进行了更正,如果还有其他问题,还需要您进一步检查代码。
阅读全文