topic Re: Snapping Manager in ArcGIS API for JavaScript 4.x in ArcGIS JavaScript Maps SDK Questions

Snapping Manager in ArcGIS API for JavaScript 4.x

HenryKo2 — Fri, 05 Mar 2021 02:05:17 GMT

Hi, in ArcGIS API for JavaScript version 3, there is this Snapping Manager widget. We use it extensively to snap to roads and intersections.

After a quick googling, I can't find a similar widget or component in ArcGIS API for JavaScript version 4.x. Does anyone know about how to do snapping in version 4.x?

What we need to do is, in the JS web app, we want to snap graphics to roads and intersections (we already have these as map/feature services).

PS. there's the Sketch widget, but at this stage we probably won't use it due to our requirements.

Re: Snapping Manager in ArcGIS API for JavaScript 4.x

johnbrosowsky — Fri, 05 Mar 2021 20:12:55 GMT

In my experience its a bit of a rabbit hole to program your own snapping manager from scratch, but good news is it looks like more snapping capability is on its way:

https://www.esri.com/arcgis-blog/products/js-api-arcgis/announcements/whats-new-in-the-arcgis-api-for-javascript-version-4-18/

Enable self snapping through the new SketchViewModel.snappingOptions property and toggle it during a draw operation. This is the first step towards enabling full feature snapping in both 2D and 3D editing workflows. This support will be expanded incrementally over subsequent releases.

Re: Snapping Manager in ArcGIS API for JavaScript 4.x

BoualiKamel — Tue, 30 Mar 2021 10:45:07 GMT

yes all drawing networks need this feature, i think that the arcgis js api team really took a long time to develop this feature for the 4.X version.

Re: Snapping Manager in ArcGIS API for JavaScript 4.x

HenryKo2 — Tue, 30 Mar 2021 22:19:23 GMT

Update: my understanding of the requirement has changed since the original post. We are simulating "snapping" with: clicking at a map location and find the closest point on road or an intersection with a given radius/buffer, essentially finding closest/nearest. We then display the closest point as a graphic on the map to indicate "snapping".

Our front-end developer is using the ArcGIS JS 4.x functions geometryEngine.nearestCoordinate() / geometryEngine.nearestVertex() for this requirement.

Re: Snapping Manager in ArcGIS API for JavaScript 4.x

HenryKo2 — Mon, 26 Apr 2021 23:11:52 GMT

With the 4.19 release in April 2021, you can now enable snapping in the Sketch widget.

Re: Snapping Manager in ArcGIS API for JavaScript 4.x

AndyWhitaker1 — Wed, 07 May 2025 14:15:50 GMT

We have the exact same requirement. Users click on the map and we need to snap that point to a routes feature layer. In ArcGIS API for JS version 3.x, we simply created our own SnappingManager setting the layerInfos property to contain our route feature layer. We have no need for the Editor or Sketch widget, so it sounds like we have to roll our own using geometryEngine functions.