topic Re: Draw a rectangle in JSAPI 4.x in ArcGIS JavaScript Maps SDK Questions

Draw a rectangle in JSAPI 4.x

JohnCartwright3 — Sun, 08 Oct 2017 00:52:57 GMT

Hello,

It was exciting to see the new Draw tools added in JSAPI 4.5, but I'm wondering how to limit the user to drawing a rectangle like we can do in 3.x. Any ideas?

Thanks!

--john

Re: Draw a rectangle in JSAPI 4.x

RobertScheitlin__GISP — Sun, 08 Oct 2017 14:09:18 GMT

John,

Currently in 4.5 there are only 3 draw actions permitted:

PointDrawAction | PolygonDrawAction | PolylineDrawAction

Drawing an extent is not mentioned at all in the Functionality Matrix but it is most likely one of those coming soon items.

Re: Draw a rectangle in JSAPI 4.x

ThomasSolow — Mon, 09 Oct 2017 13:37:50 GMT

An extent or a rectangle? The difference is that an extent will always be oriented based on the surface of the world, whereas a rectangle could be oriented however you like.

To draw an extent, you can do something simple like this (click and drag to draw): JS Bin - Collaborative JavaScript Debugging

I imagine extents will be added to the drawing tools at some point.

Re: Draw a rectangle in JSAPI 4.x

deleted-user-z9OjN-EoUVWn — Thu, 16 Nov 2017 19:09:18 GMT

How can the listener be turned off after the initial extent is drawn?

Re: Draw a rectangle in JSAPI 4.x

ThomasSolow — Thu, 16 Nov 2017 19:15:26 GMT

view.on(...) returns a handle. The handle has a remove method, which will remove the listener.

so you could do something like: var handle = view.on("drag", ...);

and then call handle.remove() when you're done with the listener.

Re: Draw a rectangle in JSAPI 4.x

deleted-user-z9OjN-EoUVWn — Thu, 16 Nov 2017 19:28:50 GMT

Thanks for that info. I had to add the remove method within an additional else if condition to get it to work.

} else if (e.action === "end") {
handle.remove();
} ;