https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/drawing-multiple-polygons/m-p/1381282#M83626 <P>This codepen shows how to draw polygons using SketchViewModel:&nbsp;<A href="https://codepen.io/U_B_U/pen/WNmYRrV?editors=1000" target="_blank" rel="noopener">https://codepen.io/U_B_U/pen/WNmYRrV?editors=1000</A></P> Mon, 12 Feb 2024 20:34:38 GMT UndralBatsukh 2024-02-12T20:34:38Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/drawing-multiple-polygons/m-p/1380710#M83616 <P>Hi everyone, I am trying to draw multiple polygons on the map. I'm able to draw them but I cant not see the vertices or the outline.</P><P>&nbsp;</P><P>&nbsp;</P><P>&nbsp;</P><LI-CODE lang="javascript"> let drawnPolygons = []; document.getElementById("drawPolygon").onclick = () =&gt; { if ( document.getElementById("tradereport3").style.display == "none" ) { document.getElementById("tradereport3").style.display = "block"; } document.getElementById("tradereport1").style.display = "none"; document.getElementById("tradereport2").style.display = "none"; document.getElementById("tradereport4").style.display = "none"; const action = draw.create("polygon"); action.on( [ "vertex-add", "vertex-remove", "cursor-update", "redo", "undo", "draw-complete", ], PolygonVertices ) }; function PolygonVertices(event) { if (event.type === "draw-complete" &amp;&amp; event.vertices.length &gt; 1) { const result = createPolygon(event); drawnPolygons.push(result) PolygonBufferGeom() } } function createPolygon(event) { const vertices = event.vertices; const graphicpoly = new Graphic({ geometry: { type: "polygon", rings: [vertices], spatialReference: view.spatialReference, }, symbol: { type: "simple-fill", color: [234, 136, 8, 0.1], outline: { color: [234, 136, 8, 10], width: 1, }, }, }); view.graphics.add(graphicpoly); return graphicpoly }</LI-CODE><P>&nbsp;</P><P>&nbsp;</P><P>&nbsp;</P><P>'If I don't do e<SPAN>vent</SPAN><SPAN>.</SPAN><SPAN>type</SPAN><SPAN> === </SPAN><SPAN>"draw-complete, my polygons end up following the cursor movement, like this;</SPAN></P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Charan_0-1707540963349.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/94386iEDCD9EF96E4B1685/image-size/medium?v=v2&amp;px=400" role="button" title="Charan_0-1707540963349.png" alt="Charan_0-1707540963349.png" /></span></P><P><a href="https://community.esri.com/t5/user/viewprofilepage/user-id/6522">@JoelBennett</a>&nbsp;<a href="https://community.esri.com/t5/user/viewprofilepage/user-id/507049">@Sage_Wall</a>&nbsp;<a href="https://community.esri.com/t5/user/viewprofilepage/user-id/53756">@UndralBatsukh</a>&nbsp;</P> Sat, 10 Feb 2024 23:33:10 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/drawing-multiple-polygons/m-p/1380710#M83616 Charan 2024-02-10T23:33:10Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/drawing-multiple-polygons/m-p/1381147#M83624 <P>Hi there,&nbsp;</P><P>Can you please clarify what the issue is here? I am not clear on what the end goal is.</P> Mon, 12 Feb 2024 16:49:03 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/drawing-multiple-polygons/m-p/1381147#M83624 UndralBatsukh 2024-02-12T16:49:03Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/drawing-multiple-polygons/m-p/1381223#M83625 <P>Hi&nbsp;<a href="https://community.esri.com/t5/user/viewprofilepage/user-id/53756">@UndralBatsukh</a>&nbsp;so when Im drawing the polygons I cant see the shape of the polygon until I finish it off, but if i remove event.tuype=="drawing" i can see the polygons while drawing but they are being created based on cursor movement&nbsp;</P> Mon, 12 Feb 2024 19:17:41 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/drawing-multiple-polygons/m-p/1381223#M83625 Charan 2024-02-12T19:17:41Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/drawing-multiple-polygons/m-p/1381282#M83626 <P>This codepen shows how to draw polygons using SketchViewModel:&nbsp;<A href="https://codepen.io/U_B_U/pen/WNmYRrV?editors=1000" target="_blank" rel="noopener">https://codepen.io/U_B_U/pen/WNmYRrV?editors=1000</A></P> Mon, 12 Feb 2024 20:34:38 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/drawing-multiple-polygons/m-p/1381282#M83626 UndralBatsukh 2024-02-12T20:34:38Z