topic Re: ArcGIS JS Api - Getting information on the drawn shape while preventing moving in ArcGIS JavaScript Maps SDK Questions

ArcGIS JS Api - Getting information on the drawn shape while preventing moving

Aeseir — Thu, 16 Dec 2021 03:02:07 GMT

I am trying to find out how a user can draw a shape, and on click get the information on the shape they drew, without transforming and moving it around.

I've managed to get sketch up and running and drawing working.

However even disabling all the options when user clicks on it it still allows moving of shape, and i don't know how to get details of the shape (particularly points of the shape so i can store it for future drawing).

Here is what i have so far

const graphicsLayer = new GraphicsLayer();

const webmap = new WebMap({

// committed for brevity

layers: [graphicsLayer]

});

const view = new MapView({

map: webmap,

// committed for brevity

});

let sketch = new Sketch({

layer: graphicsLayer,

view: view,

creationMode: "update",

defaultUpdateOptions: {

enableRotation: false,

enableScaling: false,

enableZ: false,

toggleToolOnClick: false,

}

});

Re: ArcGIS JS Api - Getting information on the drawn shape while preventing moving

LaurenBoyd — Thu, 16 Dec 2021 17:21:24 GMT

Hi @Aeseir !

It seems that you're wanting to disable the rotation on update of the graphic that was drawn via the Sketch widget so that you can create your own hitTest to access that graphic information. You can disable rotation by setting the following SketchViewModel properties to "false":

Then create a hitTest on the view so that you can access the graphic that was drawn:

view.on("click", (event) => { // only include graphics from graphics layer in the hitTest const opts = { include: graphicsLayer } view.hitTest(event, opts).then((response) => { // check if a feature is returned from the graphicslayer if (response.results.length) { const graphic = response.results[0].graphic; // do something with the graphic console.log(graphic); } }); });

Check out this sample I put together that combines the above: https://codepen.io/laurenb14/pen/GRMmKMo?editors=1000

This doesn't disable the rotation on the graphic creation but disables it for any updates. Hope this helps!

Thanks,
Lauren

Re: ArcGIS JS Api - Getting information on the drawn shape while preventing moving

Aeseir — Fri, 17 Dec 2021 02:30:33 GMT

Hi @LaurenBoyd

Thanks for the additional insights. I was able to replicate the hit mechanism after digging a bit deeper into event documentation so that has been nailed, thanks for reinforcing the finding.

The remainder problem is that user can still move the shape after they have drawn it, how do i prevent them moving the shape. In your example is the same issue, i can draw the shape and still drag it around the map.

I have previously disabled scaling, rotation, transformation and toolOnClick as you can see.

Re: ArcGIS JS Api - Getting information on the drawn shape while preventing moving

LaurenBoyd — Tue, 28 Dec 2021 17:45:18 GMT

Hi @Aeseir,

Thanks for elaborating on what you are trying to achieve! It seems that you may want to set the SketchViewModel's defaultUpdateOptions tool parameter to null. This should disable any update functionality since there is no tool to update graphics.

sketchVM.defaultUpdateOptions.tool = null;

I added this in my code and it no longer allows updates: https://codepen.io/laurenb14/pen/GRMmKMo?editors=1000

Thanks,

Lauren