topic How to draw a polygon using coordinates stored in the array? in ArcGIS JavaScript Maps SDK Questions https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-draw-a-polygon-using-coordinates-stored-in/m-p/571023#M53240 <HTML><HEAD></HEAD><BODY><P>Hi All,</P><P></P><P>I have an array that contains coordinates, I want to use those coordinates to draw a polygon, how can I do that?</P><P></P><P>var myArr = [3364047.4454315286,-3228904.4514530962,</P><P>3364900.9929277417,-3228484.0477610803,</P><P>3365799.1274269233,-3229152.871795023,</P><P>3365206.741040882,-3229535.056936448,</P><P>3364047.4454315286,-3228904.4514530962];</P><P></P><P>I want to manipulate the contents of the above array to be something like this so that I can be able to draw the polygon:</P><P>&nbsp;</P><P>const vertices = [<BR /> [<SPAN>3364047.4454315286</SPAN>, <SPAN>-3228904.4514530962</SPAN>],<BR /> [<SPAN>3364900.9929277417</SPAN>, <SPAN>-3228484.0477610803</SPAN>],<BR /> [<SPAN>3365799.1274269233</SPAN>, <SPAN>-3229152.871795023</SPAN>],<BR /> [<SPAN>3365206.741040882</SPAN>,<SPAN>-3229535.056936448</SPAN>],<BR /> [<SPAN>3364047.4454315286</SPAN>,<SPAN>-3228904.4514530962</SPAN>]<BR /> ];</P><P></P><P>I am using JavaScript, I want to draw a polygon on an Esri map.</P><P></P><P>Kind Regards</P><P>Siyabonga Kubeka</P></BODY></HTML> Thu, 16 Jul 2020 18:02:05 GMT SiyabongaKubeka 2020-07-16T18:02:05Z How to draw a polygon using coordinates stored in the array? https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-draw-a-polygon-using-coordinates-stored-in/m-p/571023#M53240 <HTML><HEAD></HEAD><BODY><P>Hi All,</P><P></P><P>I have an array that contains coordinates, I want to use those coordinates to draw a polygon, how can I do that?</P><P></P><P>var myArr = [3364047.4454315286,-3228904.4514530962,</P><P>3364900.9929277417,-3228484.0477610803,</P><P>3365799.1274269233,-3229152.871795023,</P><P>3365206.741040882,-3229535.056936448,</P><P>3364047.4454315286,-3228904.4514530962];</P><P></P><P>I want to manipulate the contents of the above array to be something like this so that I can be able to draw the polygon:</P><P>&nbsp;</P><P>const vertices = [<BR /> [<SPAN>3364047.4454315286</SPAN>, <SPAN>-3228904.4514530962</SPAN>],<BR /> [<SPAN>3364900.9929277417</SPAN>, <SPAN>-3228484.0477610803</SPAN>],<BR /> [<SPAN>3365799.1274269233</SPAN>, <SPAN>-3229152.871795023</SPAN>],<BR /> [<SPAN>3365206.741040882</SPAN>,<SPAN>-3229535.056936448</SPAN>],<BR /> [<SPAN>3364047.4454315286</SPAN>,<SPAN>-3228904.4514530962</SPAN>]<BR /> ];</P><P></P><P>I am using JavaScript, I want to draw a polygon on an Esri map.</P><P></P><P>Kind Regards</P><P>Siyabonga Kubeka</P></BODY></HTML> Thu, 16 Jul 2020 18:02:05 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-draw-a-polygon-using-coordinates-stored-in/m-p/571023#M53240 SiyabongaKubeka 2020-07-16T18:02:05Z Re: How to draw a polygon using coordinates stored in the array? https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-draw-a-polygon-using-coordinates-stored-in/m-p/571024#M53241 <HTML><HEAD></HEAD><BODY><P>3.x</P><PRE class="lia-code-sample line-numbers language-none"><CODE><SPAN class="keyword token">let</SPAN> poly <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Polygon</SPAN><SPAN class="punctuation token">(</SPAN>vertices<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN></CODE></PRE><P>4.x</P><PRE class="lia-code-sample line-numbers language-none"><CODE><SPAN class="keyword token">const</SPAN> polygon <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Polygon</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN> rings<SPAN class="punctuation token">:</SPAN> vertices<SPAN class="punctuation token">,</SPAN> spatialReference<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN> wkid<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">102100</SPAN> <SPAN class="punctuation token">}</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN></CODE></PRE></BODY></HTML> Sun, 12 Dec 2021 00:33:58 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-draw-a-polygon-using-coordinates-stored-in/m-p/571024#M53241 RobertScheitlin__GISP 2021-12-12T00:33:58Z Re: How to draw a polygon using coordinates stored in the array? https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-draw-a-polygon-using-coordinates-stored-in/m-p/571025#M53242 <HTML><HEAD></HEAD><BODY><P>Hi Robert,</P><P></P><P>Thank you very much. I have used the following way and it worked:</P><P></P><P><BR /> var zLatitude = window.parent.Xrm.Page.getAttribute("dea_latitude").getValue();<BR /> var zLongitude = window.parent.Xrm.Page.getAttribute("dea_longitude").getValue();<BR /> <BR /> <BR /> var latitudes = zLatitude.split(',');<BR /> var longitudes = zLongitude.split(',');<BR /> <BR /> var myArrayLat = [];<BR /> var myArrayLon = [];<BR /> var coordinates = [];<BR /> <BR /> <BR /> <BR /> //Getting the latitudes<BR /> debugger;<BR /> for(i = 0; i &lt; latitudes.length; i++)<BR /> {<BR /> myArrayLat.push(latitudes<I>);<BR /> <BR /> }<BR /> <BR /> //Converting to clean latitudes<BR /> <BR /> var x = 0;<BR /> var xlen = myArrayLat.length;<BR /> while(x &lt; xlen){ <BR /> myArrayLat<X> = parseFloat(myArrayLat<X>); <BR /> x++<BR /> }<BR /> <BR /> //Getting the longitudes<BR /> for(j = 0; j &lt; longitudes.length; j++)<BR /> {<BR /> myArrayLon.push(longitudes<J>); <BR /> }<BR /> <BR /> //Converting to clean longitudes<BR /> var y = 0;<BR /> var ylen = myArrayLon.length;<BR /> while(y &lt; ylen){<BR /> myArrayLon<Y> = parseFloat(myArrayLon<Y>);<BR /> y++<BR /> }<BR /> <BR /> <BR /> console.log(myArrayLat);<BR /> console.log(myArrayLon);<BR /> <BR /> for (var i=0; i&lt;myArrayLon.length &amp;&amp; i&lt; myArrayLat.length; i++)<BR /> {<BR /> coordinates<I> = [myArrayLon<I>, myArrayLat<I>];<BR /> <BR /> }<BR /> console.log(coordinates); <BR /> <BR /> var zoomed =[];<BR /> <BR /> zoomed = coordinates[0];<BR /> var zoomed1 = zoomed[0];<BR /> var zoomed2 = zoomed[1];<BR /> <BR /> console.log(zoomed1);<BR /> console.log(zoomed2);</I></I></I></Y></Y></J></X></X></I></P><P></P><P>Then I did the following:</P><P></P><P>function addGraphics() {<BR /> debugger;<BR /> const vertices = [coordinates];<BR /> <BR /> const polygon = createGeometry(vertices);<BR /> validSymbol = createSymbol([0, 170, 255, 0.8], "solid", 2, [<BR /> 255,<BR /> 121,<BR /> 5<BR /> ]);<BR /> newDevelopmentGraphic = new Graphic({<BR /> geometry: webMercatorUtils.geographicToWebMercator(polygon),<BR /> symbol: validSymbol,<BR /> attributes: {<BR /> newDevelopment: "new store"<BR /> }<BR /> });<BR /> graphicsLayer.add(newDevelopmentGraphic);<BR /> }</P></BODY></HTML> Fri, 21 Aug 2020 09:36:20 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-draw-a-polygon-using-coordinates-stored-in/m-p/571025#M53242 SiyabongaKubeka 2020-08-21T09:36:20Z