【CesiumJS】Cesium初始化Viewer,去掉多余无用的按钮和组件
程序员文章站
2022-07-12 23:22:40
...
Cesium是一个非常优秀的Web GIS组件,上手也不是很麻烦。其核心组件View就是一个地图的视窗。默认的的View视窗提供了很丰富的组件和功能,但抱歉的是看起来有点乱且不好看。通常来说,项目还是希望用自己的UI组件比较好。因此初始化viewer之后,第一步我们要去掉冗余的内容。
Viewer的参数提供了一个option参数,在这里面可以设置各个widget的开关。具体api位置:
https://cesium.com/docs/cesiumjs-ref-doc/Viewer.html#.ConstructorOptions
这里直接上代码:
var viewer = new Cesium.Viewer('cesiumContainer',{
animation:false, //左下角的动画仪表盘
baseLayerPicker:false, //右上角的图层选择按钮
geocoder:false, //搜索框
homeButton:false, //home按钮
sceneModePicker:false, //模式切换按钮
timeline:false, //底部的时间轴
navigationHelpButton:false, //右上角的帮助按钮,
fullscreenButton:false //右下角的全屏按钮
});
具体的含义可以看注释。
但还有一个东西没有去掉,就是底下的版权信息。api没有提供设置,这个只能从源码入手了。一句话可以解决问题:
viewer._cesiumWidget._creditContainer.style.display="none";
这番处理之后,可以还你一个干干净净的Cesium页面。