|
如何进行时空数据多样化展示？
|
|
|
下面我们分步向您介绍可视化要点做简要说明：
|
 加载网格图
定义FeatureLayer图层渲染方式，featureSet为空间数据集合对象。
|
1.
|
var layerDefinition = {
|
|
2.
|
"geometryType": "esriGeometryPolygon",
|
|
3.
|
"objectIdField": "ObjectID",
|
|
4.
|
"drawingInfo": {
|
|
5.
|
"renderer": {
|
|
6.
|
"type": "classBreaks",
|
|
7.
|
"field": "count",
|
|
8.
|
"classificationMethod": "esriClassifyManual",
|
|
9.
|
"defaultSymbol": {
|
|
10.
|
"type": "esriSFS",
|
|
11.
|
"style": "esriSFSDiagonalCross",
|
|
12.
|
"color": [255, 0, 0, 255],
|
|
13.
|
"outline": {
|
|
14.
|
"type": "esriSLS",
|
|
15.
|
"style": "esriSLSSolid",
|
|
16.
|
"color": [110, 110, 110, 255],
|
|
17.
|
"width": 0.5
|
|
18.
|
"width": 0.5
|
|
19.
|
}
|
|
20.
|
}
|
|
21.
|
}
|
|
22.
|
}
|
|
23.
|
}
|
|
24.
|
}
|
定义FeatureLayer图层。
|
1.
|
var featureLayer = new esri.layers.FeatureLayer(featureCollection, {
|
|
2.
|
id: 'gridlayer',
|
|
4.
|
});
|
加载热力图
定义FeatureLayer图层渲染方式，featureSet为空间数据集合对象。
|
1.
|
var layerDefinition = {
|
|
2.
|
"geometryType": "esriGeometryPoint",
|
|
3.
|
"fields": ["*"],
|
|
4.
|
};
|
|
5.
|
var featureCollection = {
|
|
6.
|
"layerDefinition": layerDefinition,
|
|
7.
|
"featureSet": featureSet
|
|
8.
|
};
|
|
9.
|
var heatmapRenderer = new esri.renderers.HeatmapRenderer({
|
|
10.
|
field: "POIORDER1",
|
|
11.
|
colors: ["rgba(0, 0, 255, 0)", "rgb(0, 255, 255)", "rgb(0, 255, 0)", "rgb(255, 255, 0)", "rgb(255, 0, 0)"],
|
|
12.
|
blurRadius: 5,
|
|
13.
|
maxPixelIntensity: 250,
|
|
14.
|
minPixelIntensity: 10
|
|
15.
|
});
|
定义FeatureLayer图层。
|
1.
|
var heatmapFeatureLayer = new esri.layers.FeatureLayer(featureCollection, {
|
|
2.
|
id: 'heatlayer',
|
|
3.
|
opacity: 0.9
|
|
4.
|
});
|
|
5.
|
heatmapFeatureLayer.setRenderer(heatmapRenderer);
|
|
|
