topic Re: Web App Builder Click on Feature to open URL in ArcGIS JavaScript Maps SDK Questions

Web App Builder Click on Feature to open URL

JohnDye2 — Wed, 23 May 2018 18:04:03 GMT

We have an app that we built with Web App Builder along with some custom LayerList and Swipe widgets. One of the requirements we got this morning is that instead of showing a popup with a Hyperlinked URL when a user clicks on a feature in the web map, the customer just wants to skip the popup behavior altogether and click on features to open the URL.

I found a GeoNet Post by jai siva which gives me some good starting code:

var map;
require(["esri/map",
"esri/layers/FeatureLayer",
"esri/InfoTemplate",
"dojo/on",
"dojo/domReady!"],
function(Map,FeatureLayer,InfoTemplate,on) {
map = new Map("map", {
basemap: "topo", //For full list of pre-defined basemaps, navigate to http://arcg.is/1JVo6Wd
center: [0, 0] // longitude, latitude
});
var featureLayer = new FeatureLayer("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer/3");
map.addLayer(featureLayer);
//Code for the specific URL to open in a new window
featureLayer.on('click',function(e){
var specific = e.graphic.attributes['SpecificAttribute']
window.open("http://YourUrl.com/"+specific);
});
});

However, since this is going to be in a custom Web App Builder App, I'm having trouble finding the best place to drop the code. I've tried at init.js, simpleLoader.js and jimu.js/MapManager.js but haven't had any luck. Any ideas on the best place and/or way to accomplish this?

Re: Web App Builder Click on Feature to open URL

RobertScheitlin__GISP — Wed, 23 May 2018 18:14:51 GMT

John,

The MapManager.js would be the likely place to put this. In the _show2DWebMap function and inside the mapDeferred.then function handler.

Re: Web App Builder Click on Feature to open URL

JohnDye2 — Wed, 23 May 2018 19:21:59 GMT

sorry, which part should go where?

Re: Web App Builder Click on Feature to open URL

RobertScheitlin__GISP — Wed, 23 May 2018 19:38:29 GMT

John,

Do you really need to add the FeatureLayer manually or is it already part of your web map?

Re: Web App Builder Click on Feature to open URL

JohnDye2 — Wed, 23 May 2018 19:45:05 GMT

It's not currently, but can already be part of the map. I just need to suppress the popup and instead create a functionality where when a user clicks on a feature, it grabs the url from the 'url' column in the attribute table for that feature, then opens a browser window to that url.

Re: Web App Builder Click on Feature to open URL

RobertScheitlin__GISP — Wed, 23 May 2018 19:50:11 GMT

So just add lines 14 - 21 to the _show2DWebMap function and inside the mapDeferred.then function handler. Also you will need to add "esri/layers/FeatureLayer", to the define array.

Re: Web App Builder Click on Feature to open URL

Keagan1 — Mon, 21 Dec 2020 01:10:58 GMT

Hi John,

Did you end up resolving this? I'm currently trying to do the same thing - any advice?