arcgis for js symbol图标的变化

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

思路：

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

}
}））

秒客网

arcgis for js symbol图标的变化

相关文章