Delete operation doesn't work for EDIT_VERTICES

552
1
Jump to solution
12-03-2019 02:29 PM
by Anonymous User
Not applicable

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);
      }
    }
  };
0 Kudos
1 Solution

Accepted Solutions
by Anonymous User
Not applicable

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

0 Kudos
1 Reply
by Anonymous User
Not applicable

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;

}

0 Kudos