topic Re: Red line with black outline in JavaScript API in ArcGIS JavaScript Maps SDK Questions

Red line with black outline in JavaScript API

PitersonPaulgek — Fri, 21 Oct 2016 04:48:22 GMT

Hi,

We need to draw roads as a red line with black outline (or stroke) (see attached) with ESRI JavaScript API.

Something like that (example from leaflet - Leaflet.MapboxVectorTile.js):

drawLineString = function(....){

....

var ctx2d = ctx.canvas.getContext('2d');
ctx2d.strokeStyle = style.color;
ctx2d.lineWidth = style.size;
ctx2d.beginPath();

ctx2d.stroke();

if (style.outlineWidth && style.outlineColor) {
ctx2d.lineWidth = style.outlineWidth;
ctx2d.strokeStyle = style.outlineColor;
ctx2d.stroke();

...
};

Re: Red line with black outline in JavaScript API

RobertScheitlin__GISP — Fri, 21 Oct 2016 12:45:55 GMT

Piterson,

There is nothing in the JS for setting a stroke on a line. The best you can do it add the line graphic twice using different SimpleLineSymbols with different widths and colors.

Re: Red line with black outline in JavaScript API

PitersonPaulgek — Sun, 23 Oct 2016 22:06:50 GMT

Thanks Robert,

It means we have no access to the library that draw the geometry?

Re: Red line with black outline in JavaScript API

RobertScheitlin__GISP — Mon, 24 Oct 2016 00:55:28 GMT

Piterson,

No, you just dont have the ability to define a line symbol that has a separate outline color.

Re: Red line with black outline in JavaScript API

PitersonPaulgek — Mon, 24 Oct 2016 01:06:30 GMT

Why it is possible for Leaflet.MapboxVectorTile.js?

Re: Red line with black outline in JavaScript API

RobertScheitlin__GISP — Mon, 24 Oct 2016 02:33:04 GMT

It's a different API with different capabilities.