topic Re: customize symbol in arcgis javascript for rendering in ArcGIS Web AppBuilder Questions

customize symbol in arcgis javascript for rendering

Pa_Lotus — Thu, 28 Mar 2019 14:31:28 GMT

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

Re: customize symbol in arcgis javascript for rendering

RobertScheitlin__GISP — Thu, 28 Mar 2019 14:35:34 GMT

Currently no. The only option you have is to add the layer a second time to the map and user a TextSymbol as the symbol for the second layer.

Re: customize symbol in arcgis javascript for rendering

Pa_Lotus — Thu, 28 Mar 2019 15:22:57 GMT

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);