arcgis api4.x热力图

const renderer = {
    type: "heatmap",
    colorStops: [

        { color: "rgba(000,000,255,0)", ratio: 0 },
        { color: "rgb(000,000,255)", ratio: 0.45 },
        { color: "rgb(000,255,255)", ratio: 0.55 },
        { color: "rgb(000,255,000)", ratio: 0.65 },
        { color: "rgb(255,255,000)", ratio: 0.95 },

        { color: "rgb(255,000,000)", ratio: 1 }
    ],
    blurRadius: 10,
    maxPixelIntensity: 25,
    minPixelIntensity: 0,
} as any;

export const createHeat = (view: MapView, res: any) => {
    let heatArr = res.map((m: any) => {
        let geometry = m.feature.geometry;
        let attributes = m.feature.attributes;

        return {
            geometry,
            attributes
        }
    });



    let layer = new FeatureLayer({

        source: heatArr,
        renderer: renderer,
        objectIdField: "ObjectID",
        id: "heatmaplayer"


    });
    console.log(layer, 'layer');

    view.map.add(layer)
    let legend = new Legend({
        view: view,
        container: document.createElement("div"),
        layerInfos: [
            {
                layer: layer,
                title: '热力图'
            } as any
        ]
    });
    view.ui.add(legend, 'bottom-left');


    return heatArr;

}