customize symbol in arcgis javascript for rendering

Pa_Lotus

Hi

I used below code to draw a red color circle

var PendingSymbol = new esri.symbol.SimpleMarkerSymbol(esri.symbol.SimpleMarkerSymbol.STYLE_CIRCLE, 15, new esri.symbol.SimpleLineSymbol(), new dojo.Color([255, 0, 0, 1]));

var BRenderer = new SimpleRenderer(PendingSymbol);

fservice.setRenderer(BRenderer);

I was looking is it possible to keep a letter inside the circle

Thanks

3-28-2019 10-23-35 AM.png

CartoMooc.JPG

Brooks_SummitGeo_0-1632818347191.png

Pa_Lotus

I did it in this way

function generateSVGURL(number) {

let prefix = 'data:image/svg+xml;base64,';

let svgStr = '<svg xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="8" fill="#000000"/>' +

'<text x="4" y="8" font-family="Verdana" font-size="8pt" fill="#FFFFFF" dy="0.35em">' + number + '</text></svg>';

return prefix + btoa(svgStr);

}

var symbol = new PictureMarkerSymbol({

url: generateSVGURL("A"),

width: 12,

height: 12

});

var BRenderer = new SimpleRenderer(symbol);

fservice.setRenderer(BRenderer);