topic Call Default Popup from ActionToggle? in ArcGIS JavaScript Maps SDK Questions

Call Default Popup from ActionToggle?

IfThenTim — Tue, 25 Jan 2022 22:19:20 GMT

Is there a way to programmatically display a popup as if the location marker (graphic) was clicked?

I want to use an ActionToggle to display and/or hide some additional content in the popup. Everything is good except for me knowing what to call to redisplay the default incarnation of the popup.

As an example, suppose I am mapping ice cream shops and the default popup displays a name, address, and phone number. I define the popup template like this:

const store_popup = { title: "{name}", content: "<p>{address}</p>" + "<p>{phone}</p> </div>", actions: [flavorsToggle] };

For the popup, I have an ActionToggle to display specialty flavors of ice cream available at the shop (in an HTML table). I might have one function to display the extra information using view.popup.content:

showFlavors() { return view.popup.content = "<div class='esri-feature-content'>" + "<p>" + view.popup.selectedFeature.attributes.address + "<p>" + view.popup.selectedFeature.attributes.phone + "<table>" + view.popup.selectedFeature.attributes.flavors + "</table>" + "</div>"; }

When I write the code for the companion hideFlavors() function, I want to call the popup in its default form -- as it is defined by the popup template. Is there a way to do that?

Re: Call Default Popup from ActionToggle?

RobertScheitlin__GISP — Tue, 25 Jan 2022 22:28:43 GMT

view.popup.open({ location: somePointObject, // location fetchFeatures: true // display the content for the selected feature if a popupTemplate is defined. });

Re: Call Default Popup from ActionToggle?

IfThenTim — Tue, 25 Jan 2022 23:12:10 GMT

Thanks for the reply!

Being new to almost everything having to do with this, it's not obvious to me how somePointObject gets set to the location value of the last graphic clicked. Can you elaborate on how that might happen or refer me to an example or relevant doc?

Re: Call Default Popup from ActionToggle?

RobertScheitlin__GISP — Wed, 26 Jan 2022 13:33:33 GMT

@IfThenTim

Without seeing your code it is a little hard to speculate. The view.popup has a features property that is an array of graphics. You could use this then:

view.popup.open({ features: view.popup.features, // array of graphics fetchFeatures: true //fetch the content of this feature and display it });