Picture Marker Symbol for clustering

ADITYAKUMAR1

HI ,

  I have a feature layer which has clustering data with it. To this layer I want to add picture marker symbol. This was working fine in Javaascript 3x but I want to do the same in 4x.

this.clusterLayer = new FeatureLayer({
supportsEditing: true,
supportsAdd: true,
title: "clusters",
objectIdField: "clusters",
id: "clusters",
source: [this.clustPoints],
geometryType: "point"

});

 

var picBaseUrl = _globalGISUrl + "images/";
var clustermarker = new PictureMarkerSymbol(picBaseUrl + "GreenPin1LargeB.png", 56, 56);
var clustermarkermedium = new PictureMarkerSymbol(picBaseUrl + "BluePin1LargeB.png", 64, 64);
var clustermarkerlarge = new PictureMarkerSymbol(picBaseUrl + "RedPin1LargeB.png", 72, 72);
var pin = new PictureMarkerSymbol(picBaseUrl + "BluePin1LargeB.png", 48, 48);

 

Any idea how to implement this?

 

Thanks

Aditya Kumar

ADITYAKUMAR1

@KristianEkenes I found the solution.

let renderer = new ClassBreaksRenderer({
field: "cluster_count"
});
renderer.addClassBreakInfo({
minValue: 1,
maxValue: 1,
symbol: {
type: "picture-marker", // autocasts as new PictureMarkerSymbol()
url: "https://static.arcgis.com/images/Symbols/Shapes/BlueStarLargeB.png",

height: "48px",
width: "48px"

}
});