janis/example-esri-react
1
0
Fork 0
mirror of https://github.com/DerTyp7/example-esri-react.git synced 2025-10-29 12:42:08 +01:00
Code Issues Packages Projects Releases Wiki Activity

add heatmap scheme

Browse Source
This commit is contained in:
Janis
2022-09-25 19:02:35 +02:00
parent 6cd7330d54
commit 7fc446f499
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/App.js
View File

@@ -3,6 +3,7 @@ import "./App.css";
import Map from "@arcgis/core/Map"; import Map from "@arcgis/core/Map";
import MapView from "@arcgis/core/views/MapView"; import MapView from "@arcgis/core/views/MapView";
import { createRenderer } from "@arcgis/core/smartMapping/renderers/heatmap"; import { createRenderer } from "@arcgis/core/smartMapping/renderers/heatmap";
import * as heatmapSchemes from "@arcgis/core/smartMapping/symbology/heatmap";
import CSVLayer from "@arcgis/core/layers/CSVLayer"; import CSVLayer from "@arcgis/core/layers/CSVLayer";
import esriConfig from "@arcgis/core/config"; // https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html import esriConfig from "@arcgis/core/config"; // https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html
@@ -32,6 +33,11 @@ function App() {
// https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-renderers-heatmap.html#createRenderer // https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-renderers-heatmap.html#createRenderer
view: view, view: view,
layer: csvLayer, layer: csvLayer,
heatmapScheme: heatmapSchemes.getSchemeByName({
// https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-symbology-heatmap.html#HeatmapScheme
basemap: map.basemap,
name: "Heatmap 8", // https://developers.arcgis.com/javascript/latest/visualization/symbols-color-ramps/esri-color-ramps/
}),
}).then((response) => { }).then((response) => {
csvLayer.renderer = response.renderer; csvLayer.renderer = response.renderer;
}); });