VUE3+Cesium搭建:如何去除左下角Cesium的版权Logo

使用VUE3+Cesium快速搭建三维地理信息平台,如果在不影响项目开展或者研究学习的情况下,还是建议保留官方logo和链接的,去掉人家的Logo多少有些不太厚道,但Cesium必竟是开源平台,且有些使用环境必须要去除Logo的。
针对Cesium老板本,可以使用以下方法实现:
1、找到widgets.css文件,修改style标签中的cesium-widget-credits,如下:

.cesium-widget-credits{
    
     
 display:none!important; 
visibility:hide!important; 
} 

2、或者在JS文件中运态设定该Logo标签为**“none”**,如下:

viewer._cesiumWidget._creditContainer.style.display = "none";

针对与VUE契合较深且较新的Cesium版本,通过1中的方法已无效,需打开Cesium.js文件,修改其中代码,将display由inline改为none即可去除Cesium的Logo,如下:

element: {
    
    
    get: function () {
    
    
      if (!defined(this._element)) {
    
    
        const html = DOMPurify.sanitize(this._html);

        const div = document.createElement("div");
        div._creditId = this._id;
        div.style.display = "none"; **//将inline改为none**
        div.innerHTML = html;

        const links = div.querySelectorAll("a");
        for (let i = 0; i < links.length; i++) {
    
    
          links[i].setAttribute("target", "_blank");
        }

        this._element = div;
      }
      return this._element;
    },
  },

猜你喜欢

转载自blog.csdn.net/qijie987613/article/details/131939505