nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Draw geometrical shapes with dimensions and display it.

Valgenmap

I have to draw the geometrical shapes with their dimensions and show it with that shape.

As in below images,

I want to show the length and width of the rectangle, the radius of the circle and the area of the shape at centre.
If the user selects and edits the geometrical shapes then the dimensions should be updated accordingly.

Rectangle with Length and Width Circle with Radius

I have read the below examples, but I couldn't able to find the proper one.

1. Add graphics to a map | ArcGIS API for JavaScript 3.25

2. Drawing tools | ArcGIS API for JavaScript 3.25

3. Measurement Widget | ArcGIS API for JavaScript 3.25

4. Reshape polygons | ArcGIS API for JavaScript 3.25

Can anyone help from this?

Find more posts tagged with

Accepted answers

All comments

There are no accepted answers yet

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.