热力图—ArcGIS API for JavaScript

2018年4月3日 0 条评论 879 次阅读 2 人点赞

在Arcgis Api中HeatmapRenderer渲染器可将点要素图层渲染成热力图形式展示,我们可以设置点密度较高或权重高德区域颜色深,反之颜色浅。这个渲染器使用高斯模糊技术来平均每个点的影响范围。

构造参数: blurRadiusNumber类型(可选的)。点的影响半径(以像素为单位),每个点的大部分点遍布在其上。默认值:10 colorsString[]类型(必须的)。一组CSS颜色字符串(#RGB或#RRGGBB或rgb(r,g,b)或rgba(r,g,b,a))。需要至少2个元素,以便于描述渲染器将使用的颜色斜坡。 fieldString类型(可选的)。用于加权热力图点的属性字段的名称。 maxPixelIntensityNumber类型(可选的)。在颜色斜坡中分配最终颜色的像素强度值。高于此数字的值也将被分配最终的颜色渐变颜色。默认值:100。 minPixelIntensityNumber类型(可选的)。在颜色斜坡中分配初始颜色的像素强度值。低于此数字的值也将分配初始颜色渐变颜色。默认值:0。

示例:

构建一个热力图渲染器:

var heatmapRenderer = new HeatmapRenderer({
                colors: ["rgba(0, 0, 255, 0)","rgb(0, 0, 255)","rgb(255, 0, 255)", "rgb(255, 69, 0)","rgb(255, 0, 0)"],
                blurRadius: 12,
                maxPixelIntensity: 20,
                minPixelIntensity: 2,
                filed:"Ave_price"
            });

设置图层的渲染器:

var price=new FeatureLayer("http://localhost:6080/arcgis/rest/services/zongheshuju/house73/MapServer/0",{
                outFields:["*"],
                visible:true
            });
 map.addLayer(price);
 price.setRenderer(heatmapRenderer)

效果: 效果

肖大昕

这个人太懒什么东西都没留下

文章评论(0)