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
Solved! Go to Solution.
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);
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.
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);