Edit an existing geometry on map

DivyaArora

We are trying to integrate the ESRI Maps in a React Application. Using  ARCGIS API for JS 4.24, we are able to draw the map and add features like marker and boundary on the map.

Now, we need  to edit the geometry on the map by performing various operations like draw polygon, circle, split, move , delete etc. We could not find anything in the ARCGIS API for JS 4.24.

The document has some examples for ARCGIS API for JS 3.42 but in this case we are not able to render the map.

Using the code like below , we are getting the error : "Module not found: Error: Can't resolve 'esri/Map'"

import Map from "esri/Map";

 

 map = new Map("map", {

            basemap: "streets-vector",

            center: [-15.469, 36.428],

            zoom: 3

          });

 

Any help regarding implementing the feature would be appreciated

JayakumarPD

How can i get the coordinates of the newly splitted polygons so that I can add them dynamically.

 const geometries = geometryEngine.cut(polygon1, line1);
 console.log(geometries); // here we will ge the newly created polygone

check the console, for that only I have applied the symbology.

Considering your example how can i identify the polygons that have been crossed by this polyline 

const isCrossed = geometryEngine.crosses(polygon1, line1);
// if isCrossed is true then only perfor the cut else alert the user
if(isCrossed){
  const geometries = geometryEngine.cut(polygon1, line1);
  console.log(geometries);
}else{
  alert("Kindly draw the line on polygone");
}

 Hope it solves the problem.