当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 给要素渲染不同的显示色彩

给要素渲染不同的显示色彩

2019年02月23日  | 移动技术网IT编程  | 我要评论

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

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);

});

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网