esri-js-samples

Samples using the ArcGIS API for JavaScript

This repository contains select samples using the ArcGIS API for JavaScript in its 3.x and 4.0 versions.

You can explore the following samples here:

GeometryEngine editing demo

This sample was featured in this blog post in a series featuring ways to use GeometryEngine in the ArcGIS API for JavaScript.

ge-demo

This app demonstrates how you can use the GeometryEngine to test spatial relationships of your features without making repeated network requests using a GeometryService. This can enhance the user experience while editing data. The edits and tests can be done client-side before they are pushed to the server.

View the code

View the live sample

Click here to view the number of network requests avoided in this app by using GeometryEngine

GeometyEngine vs. GeometryService

ge-gs

This app times GeometryEngine and GeometryService performing the same operation and compares the two. Spoiler Alert: GeometryEngine wins, by a lot.

Note that the speed difference depends on network speed, the browser and version used, as well as the number of input features in the operation. In this case, more than 500 points are buffered at one time, so the difference in speed is magnified.

View the code

View the live sample

GeometryEngine measurement demos

The following samples were featured in the blog post demonstrating the various measurement features of GeometryEngine.

Geodesic vs Planar buffer

ge-geodesic-planar-buffer

This sample shows the difference between geodesic buffer and planar buffer in GeometryEngine. Refer to this blog post for an explanation of when to use each.

View the code

View the live sample

Geodesic vs Planar length

ge-geodesic-planar-length

This sample shows the difference between geodesic buffer and planar buffer in GeometryEngine using a Web Mercator Projection. Refer to this blog post for an explanation of when to use each.

View the code

View the Web Mercator live sample

View the PCS live sample

View the Goode’s Homosoline live sample

GeometryEngine overlay demo

The following sample was featured in the blog post demonstrating the GeometryEngine’s overlay methods.

ge-overlay

This sample shows the difference between geodesic buffer and planar buffer in GeometryEngine using a Web Mercator Projection. Refer to this blog post for an explanation of when to use each.

View the code

View the live sample