Getting started with ArcGIS JavaScript - Go to XY

Egge-Jan_Pollé

<\/HEAD>

<\/A>https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/06\/02\/aan-de-slag-met-arcgis-javascript-inleiding<\/A> <\/P>

Go to XY with RD coordinates<\/H2><\/P>In today's exercise, we build a dialog window (a <form><\/SPAN>) in which users can enter an X and a Y coordinate to zoom in on a location based on this.<\/P><\/P>The function written for this (goToRDXY<\/SPAN> - see the code below) intercepts the user's input. If the input is correct, a point object is created. This point object is placed on the map, and it zooms to it. Below are the coordinates of some random locations to test the application.<\/P><\/P>Location<\/TD>X<\/TD>Y<\/TD><\/TR>Vrijthof, Maastricht<\/TD>176220<\/TD>317750<\/TD><\/TR>Beach Pavilion de Piraat, Cadzand<\/TD>15940<\/TD>378700<\/TD><\/TR>Red Lighthouse, Schiermonnikoog<\/TD>205405<\/TD>611450<\/TD><\/TR><\/TBODY><\/TABLE>And do you know what's so nice? The form handles all error checking.<\/P>The RD coordinates must lie within certain values (see the image in https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/05\/11\/aan-de-slag-met-arcgis-javascript-nederlandse-basiskaart<\/A> ) after all.<\/P>

But if the user has not yet entered the correct values, then the Go to location <\/> <\/> button does not work yet. The error handling differs per browser, but only when there are two checkmarks can the user proceed.<\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/> At the top of the code some additional CSS has been added to influence the look-and-feel<\/> of the dialog window and the form.<\/> Click here to see the result:<\/>

Getting started with ArcGIS JavaScript - Go to XY (RD coordinates)<\\/A> <\\/P> <\\/P>

&lt!DOCTYPE html&gt

X coordinate:

=<\/SPAN>"<\/SPAN>validity"<\/SPAN><\/SPAN>><\/SPAN><\/SPAN><\/<\/SPAN>span<\/SPAN>><\/SPAN><\/SPAN>\n <\/<\/SPAN>div<\/SPAN>><\/SPAN><\/SPAN>\n <<\/SPAN>div<\/SPAN> class<\/SPAN>=<\/SPAN>"<\/SPAN>coordinatesDiv"<\/SPAN><\/SPAN>><\/SPAN><\/SPAN>\n <<\/SPAN>label<\/SPAN> for<\/SPAN>=<\/SPAN>"<\/Span>rdYCoordinate"<\/Span><\/Span>><\/Span><\/Span>Y-coordinate:<\/<\/Span>label><\/Span><\/Span>\n <<\/Span>input id=<\/Span>"rdYCoordinate"<\/Span> type=<\/Span>"number"<\/Span> name=<\/Span>"rdYCoordinate"<\/Span> step=<\/Span>"0.001"<\/span> <span class=