点、线、面要素高亮、闪烁显示效果

1
分享 2016-08-04
在GIS 开发过程中,我们必然用到定位功能。关于要素定位,有高亮和闪烁两种显示效果。
1. 高亮,给要素重新赋予symbols,使用类为esri.symbols,下级包括经常用的markerSymbol/LineSymbol/FillSymbol等。如需显示标注,可使用TextSymbol。具体操作详见API。
代码案例:
var findMarSym = new PictureMarkerSymbol("images/find.gif", 20, 20);
var lineSymbol = new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, new Color([0, 255, 255]), 4);
var polygonSymbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASHDOT, new Color([255, 0, 0]), 4), new Color([255, 0, 0, 0.25]));
2.闪烁,关于点的闪烁,最简单,一个.gif图标就ok啦~~~
               关于线面闪烁,可采用同一要素,渲染两次,使用定时器间隔。JS定时器有两种,setTimeout与setInterval,根据需求选择,此时定位选择周期性的setInterval。闪烁频率自行调整。
代码案例(以线要素为例):
case "polyline":
             locationGraphic = new esri.Graphic(result.feature.geometry);
             setInterval(function(){locationGraphic.setSymbol(lineSymbol)},550);
             setInterval(function(){locationGraphic.setSymbol(lineSymbolend)},1100);
             break;
其中,lineSymbol和lineSymbolend是两种lineSymbol,分别交替显示,从而形成闪烁效果哦。
   

0 个评论

要回复文章请先登录注册