CSVLayer doesn't show HeatMap in Angular 6

579
1
08-22-2018 05:54 PM
SiddharthMishra
New Contributor

I am using ArcGIS JavaScript 4.8 API and I have integrated the CSVLayer to an Angular 6 application but it is not showing up any heat map.

The legend shows that it is getting renderer data and heatmap is added as renderer. But no heatmap is getting shown. 

But when I click on the map where I am expecting the heatmap, I can see the PopupTemplate showing my data. An image is given below:

Clicking on map shows popuptemplate with data.

When I zoom into my CSV layer, I can see the points on the map which I have created by replacing heatmaprenderer with simplerenderer on scale event. Screenshots are given below:

No Heatmap:

No heatmap on launching the website. Data base been provided using http://localhost:3000/api/arcgis/v1/incidents.csv

After Zooming in on CSV Layer (Top one):

Zooming in shows all incidents as point using simplerenderer

Also, I converted an example from the ArcGIS Website to an Angular component and tried to show it on the website. But it is also not showing up any data.

I used 'Create a scale-dependent visualization text' example from here.

My code is on GitHub. (https://github.com/SiddharthMishraPersonal/arcgis-csvlayer-example)

In the above images, you can see that the second map is not showing any heat map.

0 Kudos
1 Reply
ReneRubalcava
Frequent Contributor II

Looking at that application, I don't think you are turning on webgl in your application.

  <script>
    var dojoConfig = {
      has: {
        "esri-featurelayer-webgl": 1
      }
    };
  </script>

Heatmap renderer only works with WebGL which currently only works in CSVLayer or FeatureLayer with services from Online or server 10.6.1+.

ArcGIS API for JavaScript Sandbox 

0 Kudos