arcgis for js symbol图标的变化
需求是图标有hover效果 ,如下

思路 :
1、创建图片标记,并赋值;
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值;并刷新图层;完成。
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图标的变化的更多相关文章
- Arcgis for JS之Cluster聚类分析的实现
原文:Arcgis for JS之Cluster聚类分析的实现 在做项目的时候,碰见了这样一个问题:给地图上标注点对象,数据是从数据库来 的,包含XY坐标信息的,通过graphic和graphicla ...
- (转)Arcgis for JS之Cluster聚类分析的实现
http://blog.csdn.net/gisshixisheng/article/details/40711075 在做项目的时候,碰见了这样一个问题:给地图上标注点对象,数据是从数据库来的,包含 ...
- Arcgis for JS之Cluster聚类分析的实现(基于区域范围的)
原文:Arcgis for JS之Cluster聚类分析的实现(基于区域范围的) 咱们书接上文,在上文,实现了基于距离的空间聚类的算法实现,在本文,将继续介绍空间聚类之基于区域范围的实现方式,好了,闲 ...
- arcgis for js开发之路径分析
arcgis for js开发之路径分析 //方法封装 function routeplan(x1, x2, y1, y2, barrierPathArray, isDraw, callback) { ...
- Arcgis for js开发之直线、圆、箭头、多边形、集结地等绘制方法
p{ text-align:center; } blockquote > p > span{ text-align:center; font-size: 18px; color: #ff0 ...
- arcgis for js学习之Draw类
arcgis for js学习之Draw类 <!DOCTYPE html> <html> <head> <meta http-equiv="Cont ...
- arcgis for js学习之Graphic类
arcgis for js学习之Graphic类 <title>Graphic类</title> <meta charset="utf-8" /> ...
- Arcgis for Js之featurelayer实现空间查询和属性查询
空间查询和属性查询是常用的两种对数据的检索与查询方式,在本节,将讲述Arcgis for Js下如何实现featurelayer的这两种查询方式,先贴图给大家看看: 实现界面 属性查询 空间查询 看完 ...
- Arcgis for Js实现graphiclayer的空间查询
本节讲的是Arcgis for Js的针对graphiclayer的空间查询,内容很简单,代码如下: <!DOCTYPE html> <html> <head> & ...
随机推荐
- 一分钟掌握位运算符—与(&)、非(~)、或(|)、异或(^)
第一个版本: 位运算符的计算主要用在二进制中. 实际开发中也经常会遇到需要用到这些运算符的时候,同时这些运算符也被作为基础的面试笔试题. 所以了解这些运算符对程序员来说是十分必要的. 于此,记录下 ...
- 重构file_get_contents实现一个带超时POST传值函数
function wp_file_post_contents($url, $post = null) { $context = array(); if (is_array($post)) { ksor ...
- 在循环中如何取input的值和增加点击事件
{volist name="dianpu" id="dianpu"} <input style="border: none;" rea ...
- vue使用技巧(分页、nextTick、复制对象)
分页技巧 v1.0+ 版本的时候使用过滤器 limitBy 实现 v2.0+ 版本的时候使用compute使用 slice 方法实现 data:{ pageNum:10 }, computed:{ n ...
- 【LookLook文档】通过less 定制自己的Bootstrap 样式
闲话 学习还是看文档最快,看文档要仔细点,不可走马观花.感谢 “Bootstrap中文网” 思路 1.早在2015开始接触,由于公司中使用的是easyui 固一直没完全使用Bootstrap,开始接触 ...
- VUE组件间数据方法的传递,初步了解
父组件的数据传递到子组件: 子组件:(其中fMsg是要从父组件传递过来的数据,注意fMsg要在子组件props里先定义) 父组件:(使用v-bind,将自身数据绑定给中转属性fMsg,从而通过 子组件 ...
- mysql5.7.17版本升级源码方式及恢复主主复制
版本升级--自测 从库 ------------ 停止主从复制 stop slave 全库备份 mysqldump -u root -p -S mysql.sock --all-databases&g ...
- oracle根据某个字段的值进行排序
需求:按照颜色为蓝色.红色.黄色进行排序: order by case when color = '蓝色' then 1 ...
- 小程序开发 easy-less 配置
开发支付宝小程序, 不习惯直接写css 了,推动小程序的开发太低效,讲道理默认构建就应该支持less 和sass. vscode 有easy-less 插件,看下配置支持自定义扩展名. { &quo ...
- 某里巴巴Java工程师常规面试题以及解答
从HR弄来的P6-P7的JAVA工程师题目,分享给大家 1 Spring AOP和IOC的实现方法 http://blog.csdn.net/tarena_lixy/article/details/7 ...