需求是图标有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图标的变化的更多相关文章

  1. Arcgis for JS之Cluster聚类分析的实现

    原文:Arcgis for JS之Cluster聚类分析的实现 在做项目的时候,碰见了这样一个问题:给地图上标注点对象,数据是从数据库来 的,包含XY坐标信息的,通过graphic和graphicla ...

  2. (转)Arcgis for JS之Cluster聚类分析的实现

    http://blog.csdn.net/gisshixisheng/article/details/40711075 在做项目的时候,碰见了这样一个问题:给地图上标注点对象,数据是从数据库来的,包含 ...

  3. Arcgis for JS之Cluster聚类分析的实现(基于区域范围的)

    原文:Arcgis for JS之Cluster聚类分析的实现(基于区域范围的) 咱们书接上文,在上文,实现了基于距离的空间聚类的算法实现,在本文,将继续介绍空间聚类之基于区域范围的实现方式,好了,闲 ...

  4. arcgis for js开发之路径分析

    arcgis for js开发之路径分析 //方法封装 function routeplan(x1, x2, y1, y2, barrierPathArray, isDraw, callback) { ...

  5. Arcgis for js开发之直线、圆、箭头、多边形、集结地等绘制方法

    p{ text-align:center; } blockquote > p > span{ text-align:center; font-size: 18px; color: #ff0 ...

  6. arcgis for js学习之Draw类

    arcgis for js学习之Draw类 <!DOCTYPE html> <html> <head> <meta http-equiv="Cont ...

  7. arcgis for js学习之Graphic类

    arcgis for js学习之Graphic类 <title>Graphic类</title> <meta charset="utf-8" /> ...

  8. Arcgis for Js之featurelayer实现空间查询和属性查询

    空间查询和属性查询是常用的两种对数据的检索与查询方式,在本节,将讲述Arcgis for Js下如何实现featurelayer的这两种查询方式,先贴图给大家看看: 实现界面 属性查询 空间查询 看完 ...

  9. Arcgis for Js实现graphiclayer的空间查询

    本节讲的是Arcgis for Js的针对graphiclayer的空间查询,内容很简单,代码如下: <!DOCTYPE html> <html> <head> & ...

随机推荐

  1. PHP文件上传大小限制问题

    一.Thinkphp方面限制  $upload->maxSize   =     31457280 ; //设置附件上传大小 二.七牛方面限制: 'UPLOAD_FILE_QINIU' => ...

  2. mysql Navicat 导入导出

    1.导出数据库:     打开Navicat ,在我们要导出的数据库上右击鼠标,然后弹出的快捷菜单上点击“转储SQL 文件”,(有些版本, 会有子菜单,在再次弹出的子菜单项中选择第一个“数据跟结构”) ...

  3. Java逆向武器库_反编译工具

    1.反编译工具之_jd-gui 官网下载地址:http://java-decompiler.github.io/#jd-gui-download 使用: 下载后解压直接使用即可. jd-gui的优势是 ...

  4. idea创建第一个普通java web项目

    1.新建项目(工作空间) 选择空项目 输入项目名称,点击完成 系统会默认选中Modules,点击上面的小+号创建模块->New Module 新建一个Java EE Web Applicatio ...

  5. C# 类库中添加注释方法

    C# 类库中添加注释方法 C#中新建的类库添加注释时,应注意以下问题: 1.编译动态类库时命名空间要规范,一般不要和类同名,命名空间一般定义格式:项目名+类文件名: 2.动态类库中,类.方法的注释都采 ...

  6. vue发送请求----vue-resource

    使用插件vue-resource 官方提供的接口,在vue官网找不到 但在github中可以找到 安装:cnpm install vue-resource --save 第一步:注意要加--save, ...

  7. Java 非静态内部类中可以定义静态变量或方法吗?

    如图: 这个问题的答案是不可以 由于内部类的实例化是由外部类实例化之后加载的,如果外部类还没有实例化,这时候调用内部类的静态成员,此时内部类还没有被加载,却要开始创建静态成员,这是矛盾的,所以java ...

  8. [dev] 刷HHKP的一般流程及常见错误(多图慎点)

    ( 为什么打了个dev的tag?development不用键盘,难道用鼠标??) 嗯呐,我有个HHKP,你看: 好不好看? 脏不脏? 接下来讲一下,我是怎么刷它,要看完哝,不然拆坏了不要怪我. 本来我 ...

  9. Android字符串,颜色,尺寸资源的使用

    字符串.颜色.尺寸资源文件这三种文件位于res文件夹的values文件夹中,名称分别为strings.xml , colors.xml , dimens.xml下面是例子,首先来看字符串资源文件str ...

  10. android上的bin/sbin/xbin等各种目录

    1. /system是用于存储 由AOSP构建生成的 不可变组件的 主要Android目录.这包括本机二进制文件,本机库,框架包和存储主要的应用程序.它通常是从根文件系统的单独映像中以只读方式挂载的, ...