How to control the map from a widget?

RYANCARL

I am trying to create a custom search widget in experience builder and I am getting stuck accessing the map.

I would like to call map.goTo({center: [-199, 33], zoom: 12}) on the map view but I am having some trouble getting access to the JimuMapView to make this logic work.

Does anyone have any suggestions on how to get access to the map to call this type of logic? 

RYANCARL

Looks like I got it. 

We can set the state of the widget with the JMV with the "activeViewChangeHandler"

Something like this:

  const [jimuMapView, setJimuMapView] = useState<JimuMapView | null>(null)  

const testingMapGoTo = () => {
      jimuMapView.view.goTo({
        center: [-119, 33],
        zoom: 13
      })
  }  

const activeViewChangeHandler = (jmv: JimuMapView) => {
    if (jmv) {
      setJimuMapView(jmv);
     }
}

I would be super interested if someone has implemented this in any other way