topic How to change the vertex of the polyline using SketchViewModel widget of ArcGIS Api for JS 4.x in ArcGIS JavaScript Maps SDK Questions

How to change the vertex of the polyline using SketchViewModel widget of ArcGIS Api for JS 4.x

MirzaMuhammadAhsanAli — Tue, 25 Feb 2025 10:28:40 GMT

I wanted to change the vertex of the polyline but i didnot find any way to change the vertex of the polyline. Anybody have any idea how to do this.

here is my code in codepen
https://codepen.io/ayaxcphb-the-decoder/pen/ByaLRJq

Thank You!

Re: How to change the vertex of the polyline using SketchViewModel widget of ArcGIS Api for JS 4.x

Sage_Wall — Tue, 25 Feb 2025 11:14:08 GMT

Hi @MirzaMuhammadAhsanAli ,

There is an optional options parameter you can pass into the update method to set the reshape tool as active.

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch-SketchViewModel.html#update

sketchViewModel.update(polylineGraphic, {tool: "reshape"});

https://codepen.io/sagewall/pen/ogNzwZM

Re: How to change the vertex of the polyline using SketchViewModel widget of ArcGIS Api for JS 4.x

MirzaMuhammadAhsanAli — Tue, 25 Feb 2025 12:48:08 GMT

@Sage_Wall , Thank you for your response, I need to change the vertex symbols of the polyline, it is not changing the symbol of the vertex.

Re: How to change the vertex of the polyline using SketchViewModel widget of ArcGIS Api for JS 4.x

Sage_Wall — Tue, 25 Feb 2025 12:57:49 GMT

Sorry about that, I misunderstood the question. I'm not so sure there is a way to change the vertex symbols. I can check in with the editing team, but I don't see an obvious way to do this.

Re: How to change the vertex of the polyline using SketchViewModel widget of ArcGIS Api for JS 4.x

MirzaMuhammadAhsanAli — Tue, 25 Feb 2025 12:59:58 GMT

@Sage_Wall , Thank You for your support, please let me know here if you find any way to do this.

Re: How to change the vertex of the polyline using SketchViewModel widget of ArcGIS Api for JS 4.x

Sage_Wall — Tue, 25 Feb 2025 14:48:54 GMT

@MirzaMuhammadAhsanAli,

I think the best we can do currently is change the colors with the view.theme and view.highlights. And these properties require more recent versions than you had in your original sample code. View.highlights wasn't introduced until yesterday 🙂 at version 4.32. I don't think there is a way to change the symbol to a square for example but using the theme property you can change the accentColor. I found a sample to help and updated my codepen.

https://developers.arcgis.com/javascript/latest/sample-code/view-theme/

https://codepen.io/sagewall/pen/ogNzwZM

const view = new MapView({ center: [-80, 35], container: "viewDiv", highlights: [{ name: "default", color: "red" }], map, zoom: 3, theme: { accentColor: [255, 0, 0, 1], textColor: "red" } });

Re: How to change the vertex of the polyline using SketchViewModel widget of ArcGIS Api for JS 4.x

MirzaMuhammadAhsanAli — Wed, 26 Feb 2025 05:48:58 GMT

@Sage_Wall , Thank you for continuous support.

Re: How to change the vertex of the polyline using SketchViewModel widget of ArcGIS Api for JS 4.x

MirzaMuhammadAhsanAli — Wed, 26 Feb 2025 06:11:35 GMT

I change the vertex using two graphic layers one for polyline and other for custom vertex, may be it is not the best way to do it, but for now it is the only way i can find to do this.

here is the code in codepen
https://codepen.io/ayaxcphb-the-decoder/pen/ByaLRJq