arcgis js api 點擊面 ,實現面顏色漸變效果


 var interval_index;
 function showFeature(feature) {
 
 //STYLE_FORWARD_DIAGONAL
 var symbol = new esri.symbol.SimpleFillSymbol(
 esri.symbol.SimpleFillSymbol.STYLE_SOLID,
 new esri.symbol.SimpleLineSymbol(
 esri.symbol.SimpleLineSymbol.STYLE_SOLID,
 new dojo.Color([ 255, 0, 0 ]), 4), new dojo.Color([255,255,0,0.5]));
 feature.setSymbol(symbol);
 var dbx_json = feature.geometry.toJson();
 var polygonJson  = {"rings":dbx_json.rings,"spatialReference":dbx_json.spatialReference};
 var polygon = new esri.geometry.Polygon(polygonJson);
 
 var graphic = new esri.Graphic(polygon,symbol,feature.attributes,feature.infoTemplate);
 map.graphics.add(graphic);
 var i = 0;
 interval_index = setInterval(function(){
     var color_sz = [255,255,0,0.5]; 
     if(i%2==0){
       color_sz = [22,26,228,0.5];
     }
     i++;
     var graphic = map.graphics.graphics[0];
     console.info(interval_index);
     graphic.symbol.setColor(new dojo.Color(color_sz));
     map.graphics.redraw(); // 重新繪製圖形
     if(i==20){
       i=0;
     }
}, 500);
}
 其中關鍵就是 map.graphics.redraw();  然後每隔多長時間重新 redraw 就可以了! 

效果如下圖所示:




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章