topic Polyline with large SimpleLineSymbol looks blocky in ArcGIS JavaScript Maps SDK Questions

Polyline with large SimpleLineSymbol looks blocky

CalvinLe360 — Wed, 28 Jun 2023 00:36:06 GMT

Hello everyone, I'm looking to have a polyline with a large graphic over another polyline following the same path, like this.

However, when the SimpleLineSymbol's width gets too large, it seems to get cropped with blocky chunks, like so:

Is there a way to not have this grey polyline get cropped like this?

Re: Polyline with large SimpleLineSymbol looks blocky

RichardMoussopo — Wed, 28 Jun 2023 01:19:34 GMT

can you post the code so we can better assist?

Re: Polyline with large SimpleLineSymbol looks blocky

CalvinLe360 — Wed, 28 Jun 2023 04:23:34 GMT

Sure, apologies for the vaguely-named variables.

This is split in two parts where the first part builds the grey polyline (the small blue one is drawn in a separate function, I'll deal with it some other time) and the second part updates the radius of the polyline upon mapview scale change.

Again, sorry for the vaguely-named variables, I'm open to clarify within reason.

Re: Polyline with large SimpleLineSymbol looks blocky

RichardMoussopo — Wed, 28 Jun 2023 04:06:28 GMT

Depending on what you are trying to achieve, you probably won't need the second part of the code to change the width on scale change if you just clone the first graphic and style the cloned graphic as you wish

// clone existing graphic to create a copy const clonedGraphic = existingPolylineGraphic.clone(); clonedGraphic.symbol = { type: 'simple-line', color: [255, 0, 0, 0.4], width: 45, // you can make this a variable as well if needed }; layer.add(clonedGraphic);

Re: Polyline with large SimpleLineSymbol looks blocky

CalvinLe360 — Wed, 28 Jun 2023 23:37:49 GMT

I appreciate the improvement but I have chosen to instead use circle graphics since I was unable to find a way to not make these lines blocky.