I am trying to add cluster layer in my Angular project using
https://js.arcgis.com/3.36/
but I am getting this error
this.renderer.addBreak is not a function
Can you please let me know how to fix this?
this.defaultSym = new this.esriApi.SimpleMarkerSymbol().setSize(4);
this.renderer = new this.esriApi.ClassBreaksRenderer(this.defaultSym, "clusterCount");
this.renderer.addBreak(0, 25, new this.esriApi.SimpleFillSymbol().setColor(new this.esriApi.Color([56, 168, 0, 0.5])));
this.renderer.addBreak(25, 75,new this.esriApi.SimpleFillSymbol().setColor(new this.esriApi.Color([139, 209, 0, 0.5])));
this.renderer.addBreak(75, 175, new this.esriApi.SimpleFillSymbol().setColor(new this.esriApi.Color([255, 255, 0, 0.5])));
this.renderer.addBreak(175, 400, new this.esriApi.SimpleFillSymbol().setColor(new this.esriApi.Color([255, 128, 0, 0.5])));
this.renderer.addBreak(400, Infinity, new this.esriApi.SimpleFillSymbol().setColor(new this.esriApi.Color([255, 0, 0, 0.5])));
this.clusterLayer.setRenderer(this.renderer);
// this.clusterLayer.renderer = renderer;
this.map.addLayer(this.clusterLayer);
That error usually pops up when the imported module isn't matching up with its import name. How is that section of your code set up?