cesium 自定义ino logo。

时间:2024-02-19 20:03:05

<!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目录下,就这么多。