topic Snapping Enforcement/Confirmation 4.19 in ArcGIS JavaScript Maps SDK Questions

Snapping Enforcement/Confirmation 4.19

FrederickPowers — Tue, 04 May 2021 12:03:45 GMT

Is there a way to test whether a point created with the Sketch or Editor widgets has been placed as a snapped point to a particular feature? The feature and vertex highlighting are very useful, but I'm looking for a way to enforce snapping to a particular feature and notify the user if a point wasn't placed as a snapped point.

Re: Snapping Enforcement/Confirmation 4.19

ReneRubalcava — Tue, 04 May 2021 17:39:23 GMT

You could use various methods of the geometryEngine to validate that geometries intersect or that a vertex matches a point

https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-geometryEngine.html

It might require breaking up polygons -> polylines -> points, but should be doable.

Re: Snapping Enforcement/Confirmation 4.19

FrederickPowers — Wed, 05 May 2021 11:52:23 GMT

Thank you for the guidance. This case required validating snapping a point to a line, so the steps that were implemented were:

Do a spatial query on the feature layer with a buffer from the graphic geometry.
If there are no geometries returned the point wasn't snapped.
If at least one geometry was returned, test the graphic geometry for intersection for each feature.
If one of the features returned intersects the graphic geometry the point was snapped.

The code for this is as follows. It watches the Sketch for "on creation complete", and passes the geometry to a function that does the spatial query and tests the intersection of any features returned.

sketch.on("create", function (event) { if (event.state === "complete") { let pointBuffer = geometryEngine.buffer(event.graphic.geometry, 1); queryFeaturelayer(pointBuffer); } }); function queryFeaturelayer(geometry) { const featureQuery = { spatialRelationship: "intersects", geometry: geometry, outFields: ['*'], returnGeometry: true }; featureLayer.queryFeatures(featureQuery) .then((results) => { if ( results.features.length === 0 ) { alert("Point not snapped"); } else { let snapped = false; results.features.forEach(feature => { if (geometryEngine.intersects(geometry.centroid, feature.geometry)){ snapped = true; } }); if ( snapped ) { alert("Point snapped"); } else { alert("Point not snapped"); } } }).catch((error) => { console.log(error); }); }