arcgis for js 热图

 

var fs = new FeatureSet(jsonFS);
var layerDefinition = {
    "geometryType": "esriGeometryPoint",
    "drawingInfo": {
        "renderer": {
            "type": "simple",
            "symbol": {
                "type": "esriPMS",
                "style": "esriSMSSquare",
                "color": [76, 115, 0, 255],
                "width": 50,
                "height": 50
            }
        }
    },
    "fields": [{
        "name": "name",
        "type": "esriFieldTypeOID",
        "alias": "name"
    }, {
        "name": "pm25",
        "type": "esriFieldTypeDouble",
        "alias": "pm25"
    }]
};
//循环加入feature
            jsonFS.features.push({
                "attributes": {
                    "name": data.stationName,
                    "pm25": data.pm25
                },
                "geometry": {
                    "x": data.longitude,
                    "y":data.latitude
                }
            });

 
 

var featureCollection = {
    layerDefinition: layerDefinition,
    featureSet: fs
};

featureLayer = new FeatureLayer(featureCollection);
var heatmapRenderer = new HeatmapRenderer({
    field: "pm25",
    //colors: ["rgba(0, 255, 0, 0)", "#096", "#ffde33", "#ff9933", '#cc0033', '#660099', '#7e0023'],
    colorStops: [
        { ratio: 0, color: "rgba(0, 255, 0, 0)" },
        { ratio: 0.2, color: "#096" },
        { ratio: 0.4, color: "#ffde33"},
        { ratio: 0.7, color: "#ff9933"},
        { ratio: 0.85, color: "#cc0033" },
        { ratio: 0.9, color: "#660099"},
        { ratio: 0.95, color: "#7e0023"}


        ],

    blurRadius: 6,
    maxPixelIntensity: 500,
    minPixelIntensity: 0
});
 
featureLayer.setRenderer(heatmapRenderer);
map.addLayer(featureLayer);
featureLayer.setVisibility(true);