If, Else Popups

Question

Hi all I'd like my map to display two different popups. 'If' I click on the feature layer it return the popup related to that layer, 'Else' if I click anywhere other than the feature it returns a different popup. I currently have two separate maps , each with their own different type of popup. 1. On this map you only return a popup if you hit the feature (street line): this has a customContent template directly related to the feature layer. Clicking anywhere else nothing is returned. const customContent = new CustomContent({ outFields: ["*"], creator: (event) => { const location = view.popup.location; const locationContent = `X: ${location.x.toFixed(0)}
Y: ${location.y.toFixed(0)}
`; const name = `Street: ${event.graphic.attributes["SITE_NAME"]}
Town: ${event.graphic.attributes["TOWN_NAME"]}
`; const link = `
Report a traffic safety concern`; return name + link; }, }); const template = new PopupTemplate({ outFields: ["*"], content: [customContent], }); const streetLayer = new FeatureLayer({ url: "https://services6.arcgis.com/Qptn479QktK11k72/arcgis/rest/services/New_Achieve_Streets_layer/FeatureServer/0", outFields: ["*"], }); streetLayer.maxScale=350; streetLayer.minScale=2500; streetLayer.popupTemplate = template; map.add(streetLayer); 2. On this map you can click anywhere and it returns the popup (it never interacts with the feature layer). view.popup.autoOpenEnabled = false; view.on("click", (event) => { if (view.scale <= 2500) { const x = Math.round(event.mapPoint.x * 1) / 1; const y = Math.round(event.mapPoint.y * 1) / 1; view.popup.open({ content: `Report fly-posting or an illegal sign`, location: event.mapPoint }); } }); I've tried putting the two sets of code onto the same map. However the '2' code (click anywhere) just seems to override everything and if I click on the feature (street layer) it just displays the 2nd popup. I'm guessing I need a, 'If' you hit the feature display that popup, 'Else' display the click anywhere popup. How do I go about this please? My attempts have failed. Thanks Ricky

JeffreyWilkerson · Accepted Answer

If you had the features in the same map, you could search the View's onclick for any graphics related to one layer, and if they exist, only show the popup for that layer (by only gathering up the features for that layer). Then, if features weren't found for that layer, you could use those for that feature's popup (by only passing the features for that layer). This is how I'd approach it: Intro to FeatureLayer | Sample | ArcGIS API for JavaScript 4.25