zoukankan      html  css  js  c++  java
  • 给要素渲染不同的显示色彩

    在城市规划中,用色彩强调感兴趣的房屋十分重要。

    var map = new WebMap({

      portalItem:{id:"03a9607d96244883af64c7f8c7e5de1b"}

    });

    var view = new SceneView({

      container:"viewDiv",

      map:map

    });

    var layer = new SceneLayer({

      portalItem:{id:"5ecba5273b2d41ff9f6f1eb33f238d18"}

    });

    map.add(layer);

    ==============================================

    function setSymbol(){

      return {

        type:"unique-value",

        field:"usage",

        defaultSymbol:{

          type:"mesh-3d",

          symbol:{

            type:"fill",

            material:{

              color:[230, 230, 230, 0.7],

              colorMixMode:"replace"

            }

          }

        },

        uniqueValueInfos:[{

          value:"general or commerial",

          label:"commerial building",

          symbol:{

            type:"mesh-3d",

            symbolLayers:[{

              type:"fill",

              material:{

                color:color,

                colorMixMode:colorMixMode

              }

            }]

          }

        }]

      }

    }

    function setRenderer(type){

      if(type === "origin"){

        layer.renderer = null;

      }

      else if (type === "select"){

        layer.renderer = setSymbol(null,null);

      }

      else if(type === "emphasize"){

        layer.renderer = setSymbol("skyblue","tint");

      }

      else{

        var colorMixMode = (type === "desaturate")?"tint":"replace";

        layer.renderer = {

          type:"simple",

          symbol:{

            type:"mesh-3d",

            symbolLayers:{

              type:"fill",

              material:{color:"white",colorMixMode:colorMixMode}

            }

          }

        }

      }

    }

    document.getElementById("colorMixMode").addEventListener("change",function(event){

       setRenderer(event.target.id);

    });

  • 相关阅读:
    异步编程案例分享—后台线程事实通知任务进度
    ORACLE 常见错误
    设计模式——工厂模式
    sql 脚本编写之路 常用语句(一)
    C# 深入浅出 异步(八)
    设计模式——单例模式
    Sql Server 学习链接
    SqlServer 常用函数
    2016 ACM/ICPC Asia Regional Shenyang Online
    2016 ACM/ICPC Asia Regional Dalian Online
  • 原文地址:https://www.cnblogs.com/GIS-Yangol/p/10419107.html
Copyright © 2011-2022 走看看