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

  • 相关阅读:
    JS pop push unshift shift的作用与区别
    白话js this指向问题
    JS作用域,作用域,作用链详解
    angular $q promise详解
    白话$resource,$resource中的增删改查
    ng-app与ng-app='myApp'的区别
    详解 高效字节流
    详解 字节输出流 与 字节输入流
    阶段性复习与应用——复制多级文件夹
    详解 字节流
  • 原文地址:https://www.cnblogs.com/airduce/p/10452165.html
Copyright © 2020-2023  润新知