arcgis for js symbol图标的变化

需求是图标有hover效果 ,如下

arcgis for js symbol图标的变化

思路 :

1、创建图片标记,并赋值;


   args.rendererArgs = new RenderArgs();
    args.rendererArgs.type = RenderType.CLASSBREAKS;
    args.rendererArgs.attributeField = "value";

var symbolNormal = new PictureMarkSymbolArgs();
symbolNormal.url = getMapImageIcon(remoteMeterName,"0");
symbolNormal.height = 40;
symbolNormal.width = 40;
symbolNormal.xoffset = 0;
symbolNormal.yoffset = 0;
args.rendererArgs.symbols.push(symbolNormal); var symbolNormalFocus = new PictureMarkSymbolArgs();
symbolNormalFocus.url = getMapImageIcon(remoteMeterName,"1");
symbolNormalFocus.height = 40;
symbolNormalFocus.width = 40;
symbolNormalFocus.xoffset = 0;
symbolNormalFocus.yoffset = 0;
args.rendererArgs.symbols.push(symbolNormalFocus); var symbolNormalLight = new PictureMarkSymbolArgs();
symbolNormalLight.url = getMapImageIcon(remoteMeterName, "2"); //正常高亮图标
symbolNormalLight.height = 40;
symbolNormalLight.width = 40;
args.rendererArgs.symbols.push(symbolNormalLight); var symbolAlarmLight = new PictureMarkSymbolArgs();
symbolAlarmLight.url = getMapImageIcon(remoteMeterName, "3"); //报警高亮图标
symbolAlarmLight.height = 40;
symbolAlarmLight.width = 40;
args.rendererArgs.symbols.push(symbolAlarmLight); args.rendererArgs.values.push(0);
args.rendererArgs.values.push(0.9);
args.rendererArgs.values.push(1.9);
args.rendererArgs.values.push(2.9);
args.rendererArgs.values.push(3.9);

2、在创建图层的时候写入mouse-over事件,并修改移入时的velue值;并刷新图层;完成。


layer.on("mouse-over", lang.hitch(this, function (evt) {
  dijitPopup.close(dialog);
  var g = evt.graphic;
if(g.attributes.value=="0"){
g.attributes.value = "2";
layer.refresh();
}else if(g.attributes.value=="1"){
g.attributes.value = "3";
layer.refresh();
}
}))
上一篇:OpenCV面向Python——图像编辑基本操作


下一篇:【课题研究】基于matlab GUI阙值、边缘、形态学、种子点细胞图像分割【含Matlab源码 615期】