Custom Identify Widget DrawBox onActivate throws drawToolBar null

RichardReinicke

Hello,

I'm new to Web AppBuilder custom widget programming and I try to modify the advanced identify widget by @RobertScheitlin__GISP as a learning project. 

I got the DrawBox tool inside my widget to show up in the widget panel and I want to make the DrawBox point draw function active on panelOpen. But when I click on the point draw icon

it fails in DrawBox.js on this.drawToolBar.activate(tool); with drawToolBar being null.

I'm attaching my current state. What am I doing wrong? 

 

RipsIdentify.zip

Screen Shot 2021-01-14 at 16.08.37.png

JenniferAcunto_7-1713451761044.png

RobertScheitlin__GISP

Richard,

  Your mistake is that you are decalring this.drawBox = new Drawbox. You can remove that line all together, since you have already declared that div to be a DrawBox in the html template.

 

      initDrawBox: function () {
	    //this.drawBox = new Drawbox;
        this.drawBox.setMap(this.map);
        this.drawBox.geoTypes = ['POINT'];
        this.drawBox._initTypes();
        this.drawBox.setPointSymbol(new SimpleMarkerSymbol(this.config.symbols.simplemarkersymbol));
        this.drawBox.deactivateAfterDrawing = false;
      },