Delete operation doesn't work for EDIT_VERTICES

86
1
Jump to solution
12-03-2019 02:29 PM
Highlighted
New Contributor II

Robert Scheitlin, GISP

Hi all,

when I try to Edit Vertices, I am able to Add and Move vertex but can't Delete

right clicking vertex on map takes the screen to bottom of the page. 

can't figure put why Add/Move works and Delete doesn't? 

calling editGeometry()

  map.getLayer("baseGrahic").on("click"evt => {
    this.editGeometry(evt);
  });

UPDATE: also added options but still the same issue

editGeometry()

editGeometry = evt => {
    const { editMapsetGeometries } = this.props;
    const { editToolBaresriContentmapObj } = this.state;
    if (editMap === true) {
      let toolbar = null;

      if (editToolBar === null) {
        toolbar = new esriContent.Edit(mapObj);
        this.setState({
          editToolBar: toolbar
        });
      } else {
        toolbar = editToolBar;
      }
      if (!toolbar.getCurrentState().graphic) {
        const symbol = new esriContent.SimpleFillSymbol(
          esriContent.SimpleFillSymbol.STYLE_SOLID,
          new esriContent.SimpleLineSymbol(
            esriContent.SimpleLineSymbol.STYLE_SOLID,
            new esriContent.Color([255690]),
            2
          ),
          new esriContent.Color([25525500.25])
        );
        let boundaryGraphic = new esriContent.Graphic(
          evt.graphic.geometry,
          symbol
        );
        const options = {
          allowDeleteVertices: true
        };

        // Activate Edit Toolbar
        toolbar.activate(esriContent.Edit.EDIT_VERTICESevt.graphic, options);
        setGeometries(evt.graphic.geometry);
      }
    }
  };
Reply
0 Kudos
1 Solution

Accepted Solutions
Highlighted
New Contributor II

so its an issue with styling (esri js 3x), when I right click on vertex to delete, Delete option shows up but at the bottom left corner. so will just to customize styling for dijitPopup class.

if anyone else ever have this issue.

add this to your css

.dijitPopup {

   position: absolute;

   cursor: pointer;

}

View solution in original post

Reply
0 Kudos
1 Reply
Highlighted
New Contributor II

so its an issue with styling (esri js 3x), when I right click on vertex to delete, Delete option shows up but at the bottom left corner. so will just to customize styling for dijitPopup class.

if anyone else ever have this issue.

add this to your css

.dijitPopup {

   position: absolute;

   cursor: pointer;

}

View solution in original post

Reply
0 Kudos