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

最新推荐文章于 2025-11-03 15:00:00 发布

原创最新推荐文章于 2025-11-03 15:00:00 发布 · 3.8k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

地理信息专栏收录该内容

6 篇文章

订阅专栏

在使用Cesium构建三维地理信息平台时，如果需要去除官方Logo，可以通过修改CSS或JavaScript实现。对于Cesium的基本版本，可直接修改widgets.css或在JS中设置display为none。而在新版、与Vue深度集成的Cesium，需编辑Cesium.js，将display属性从inline改为none。

使用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;
    },
  },