cesium 自定义ino logo。

复制代码
<!DOCTYPE html>
<html>
<head>
    <title> hello word</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="../Build/Cesium/Cesium.js"></script>
    <link href="../Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>

<body>
    <div id = "cesiumContainer"></div>
    <script>
    
    var url='http://192.168.1.122:8080/geoserver/wms'; //Geoserver URL  
    var viewer = new Cesium.Viewer('cesiumContainer',{
        imageryProvider: Cesium.createTileMapServiceImageryProvider({url:Cesium.buildModuleUrl('Assets/Textures/NaturalEarthII')}),
        shouldAnimate:false,
        geocoder:false,
        homeButton:false,
        animation:false,
        fullscreenButton:false,
        timeline:false,
        vrButton:false,
        infoBox:false
    });
 
    var layers = viewer.imageryLayers;
 
    var blackMarble = layers.addImageryProvider(Cesium.createTileMapServiceImageryProvider({
        url : 'http://192.168.1.122:8080/ArcGIS_TMS'
    }));
</script>
</body>
</html>
复制代码

在初始化Viewer的时候加了很多false属性，界面是不是看起比较舒服了，但是如上图下面的两个框里logo是cesium的，超链接也是cesium的，我想换成自己的，该怎么改呢，这本文的重点。
一、换logo

　　这个简单，就在/Build/Cesium/Assets/Images/的ion-credit.png，把它替换了就行。

二、换logo上的超链接地址

　　这个就有点麻烦了，我废了九牛二虎之力才找到的。用vs打开/Build/Cesium/Cesium.js、搜索https://cesium.com/将他替换成你想要的链接就可以了。

三、调整logo的样式，让它在右下角怎么办呢？

　　打开/Build/Cesium/Widgets/widgets.css,查找cesium-viewer-bottom,在大括号后面加上text-align-last:right,如图

欧凯，已经安排了。

总结，用户看到的东西，一般都是Build目录下，就这么多。

posted @   一梦、  阅读(1378)  评论(2)  编辑  收藏  举报
编辑推荐：
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
阅读排行：
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单，K8s 太复杂？w7panel 让容器管理更轻松！
点击右上角即可分享
微信分享提示