topic Re: Show dynamically selected polygons editable when click on map and save all of them in ArcGIS JavaScript Maps SDK Questions

Show dynamically selected polygons editable when click on map and save all of them

rsharma — Thu, 12 Mar 2020 13:08:30 GMT

Currently, I am showing dynamic polygon on click of map by getting its lat long but i also want to show them editable.

Query: do reshape stop method get geometry of all polygons appeared dynamically or is their any other way to store ring coordinates of all dynamically appeared polygons.

Re: Show dynamically selected polygons editable when click on map and save all of them

RobertScheitlin__GISP — Fri, 10 Dec 2021 20:05:21 GMT

Rajni,

do reshape stop method get geometry of all polygons appeared dynamically or is their any other way to store ring coordinates of all dynamically appeared polygons.

No, the reshape stop is only for the One graphic that is being updated.

To get the rings of all the graphics in a GraphicsLayer you have to loop through the graphics property of the GraphicsLayer to get all the Graphics.

graphicsLayer.graphics.map(function(gra){
   //do something with the gra (graphic)
});‍‍‍

Re: Show dynamically selected polygons editable when click on map and save all of them

rsharma — Fri, 13 Mar 2020 08:07:14 GMT

==>I couldn't find the path of rings in the object returned in console like i have been getting in object reshape event below.

=======>

//listen to reshape-stop event get updated geometry pylgon vertics and pass through ajax
              /*const eventInfo = event.toolEventInfo;
                  if (eventInfo && eventInfo.type.includes("reshape")) {
                    if(eventInfo.type=='reshape-stop'){
                       var updatedGeometry= webMercatorUtils.webMercatorToGeographic(event.graphics[0].geometry);
                       rings = updatedGeometry.__accessor__.store._values.rings;
                    }
                  }*/

When i go to accessor->store->values-> . It have more geometry attributes and have no ring coordinates. Whereever i find the ring parameter in console, it contains different value.

==>Whenever a new polygon appeared on click or when i click on screen it after clear all do not return any object and before click on clearall return objects which do not have any rings value

Kindly help me to get latest rings(either reshape or updated) of all polygons that appear on screen.

Also how to make them editable.

I have been trying to console rings here:

======>

function onGraphicUpdate(event) {
// get the graphic as it is being updated
const graphic = event.graphics[0]; //Do i need to perform loop over

          // check if the update event's the toolEventInfo.type is move then stop move event
          if (event.toolEventInfo && event.toolEventInfo.type.includes("move")){
          sketchViewModel.cancel();
            }
            // If toolEventInfo.type is reshape-stop then it means user finished moving or reshaping the graphic, call complete method. This will change update event state to complete and we will check the validity of the graphic location.
          if (
            event.toolEventInfo &&
            (event.toolEventInfo.type === "move-stop" ||
              event.toolEventInfo.type === "reshape-stop")
          ) {
              sketchViewModel.complete();
          } else if (event.state === "cancel" || event.state === "complete") {
            //check if the graphics are done being reshaped, printout updated graphic's geometry and reshape stage.
            // graphic reshaping has been completed or cancelled
              sketchViewModel.update([graphic], { tool: "reshape" });
          }else {
          graphic.symbol = validSymbol;
        }

          graphicsLayer.graphics.map(function(gra){
             //do something with the gra (graphic)
             console.log("====>");
             console.log(gra);
          });

        }

Re: Show dynamically selected polygons editable when click on map and save all of them

RobertScheitlin__GISP — Fri, 10 Dec 2021 20:05:24 GMT

Rajni,

So do you get anything in the console for this portion of your code above?

Also notice that I added gra.geometry in case that is the simple issue you are having.

          graphicsLayer.graphics.map(function(gra){
             //do something with the gra (graphic)
             console.log("====>");
             console.log(gra.geometry);
          });‍‍‍‍‍

Re: Show dynamically selected polygons editable when click on map and save all of them

RobertScheitlin__GISP — Fri, 13 Mar 2020 13:27:41 GMT

Rajni,

Which makes perfect sense based on your code. Your are looping through the graphics (this is what graphicsLayer.graphics.map(function(gra){ means, map is a looping function on an array) and setting the var rings to the graphics rings (though I am not sure why you are using internal properties like .__accessor__.store._values.rings instead of just updatedGeometry.rings). But each loop through overwrites the rings variable so by the time you get to your ajax call you only have the last ring data.

Re: Show dynamically selected polygons editable when click on map and save all of them

rsharma — Mon, 16 Mar 2020 09:46:40 GMT

Hi rob finally i able to save and display all rings but they do not appear editable when they first appear, i have to click them to make them editable.

Re: Show dynamically selected polygons editable when click on map and save all of them

rsharma — Tue, 17 Mar 2020 03:59:03 GMT

Hi Rob,

Can you please tell me how to make it editable when it first appear, IT IS THE LAST TASK OF POLYGONS, JUST TO MAKE THEM EDITABLE WHEN THEY APPEAR AUTOMATICALLY.

Re: Show dynamically selected polygons editable when click on map and save all of them

RobertScheitlin__GISP — Tue, 17 Mar 2020 12:38:15 GMT

Rajni,

Did I not show you how to start editing a graphic in one of your previous threads? It is simply sketchViewModel.update([your graphic], {tool: "reshape"});

Re: Show dynamically selected polygons editable when click on map and save all of them

RobertScheitlin__GISP — Tue, 17 Mar 2020 13:05:09 GMT

Rajni,

This is by design. You can only have ONE polygon editing in the reshape mode.

Re: Show dynamically selected polygons editable when click on map and save all of them

rsharma — Tue, 17 Mar 2020 13:10:21 GMT

Is their any other way to make all polygons appear editable everytime, even when i automatically appear on map on click first time

Re: Show dynamically selected polygons editable when click on map and save all of them

RobertScheitlin__GISP — Tue, 17 Mar 2020 13:15:15 GMT

Rajni,

No. See the documentation (it really helps to read it when you have a issue).

reshape

This tool allows the entire graphic or individual vertices of the graphic to be moved. Vertices can be added or removed. This tool can only be used with a single graphic that has a polygon or polyline geometry.

How does that make sense to have more then one polygon editable in reshape mode?

Re: Show dynamically selected polygons editable when click on map and save all of them

rsharma — Tue, 17 Mar 2020 13:19:27 GMT

Then how can i work with multiple editable polygons or graphics. Is their any other editing option in arcgis 4.14 for polygons , i just want to make everthing editable everytime

Re: Show dynamically selected polygons editable when click on map and save all of them

RobertScheitlin__GISP — Tue, 17 Mar 2020 13:29:27 GMT

Rajni,

If all graphics are added to the same GraphicsLayer that the SketchViewModel is constructed with then all graphics will be editable after they are clicked. If for some reason you are saying that after your app starts and you have set in your code to have a particular graphic editing in reshape mode then you click on a different graphic and it does does not un-select the current one and move editing to the newly clicked graphic then you are having an issue.