Popup not showing up with first click

MappingGal — Thu, 30 Jun 2022 07:52:08 GMT

Hi,

I am adding a popup by clicking the map. It is not showing up with the first click, but shows up with subsequent clicks. Any idea why this is happening? Here is the code.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta
name="viewport"
content="initial-scale=1, maximum-scale=1,user-scalable=no"
/>
<title>
Custom popup content | Sample | ArcGIS API for JavaScript 4.24
</title>

const view = new MapView({
map: map,
container: "viewDiv",
zoom: 4,
center: [-98, 38.5]
});

view.when(() => {

view.on("click", function(event){
view.popup.autoOpenEnabled = false;
view.popup.title = "ArcGIS";
view.popup.content="Hello";
view.popup.visible = false;
view.popup.open({shouldFocus:false});
view.popup.location=event.mapPoint;
});

});
});
</script>
</head>

Re: Popup not showing up with first click

LaurenBoyd — Thu, 30 Jun 2022 17:48:19 GMT

Hi @MappingGal -

Looks like you need to pull view.popup.autoOpenEnabled = false; outside of your click event handler. I also moved the location of the popup to be set inside the open method.

Check out your code with these udpates here: https://codepen.io/laurenb14/pen/dymPmaB?editors=1000

Hope this helps!

Re: Popup not showing up with first click

SelectivelySocial — Wed, 28 Sep 2022 08:07:27 GMT

Thankyou so much I was facing the same issue, but your solution worked for me. Such a silly mistake from my side.

topic Popup not showing up with first click in ArcGIS JavaScript Maps SDK Questions

Popup not showing up with first click

Re: Popup not showing up with first click

Re: Popup not showing up with first click