topic Re: Adding a WebMap from Portal to Javascript 4.x application in ArcGIS JavaScript Maps SDK Questions

Adding a WebMap from Portal to Javascript 4.x application

rbae — Mon, 19 Jun 2017 04:46:35 GMT

I'm not able to add a WebMap from Portal to my 4.x application - it looks like it needs something other than portalUrl. My code works fine for a webmap in arcgis.com. Does anyone know what I might be missing? The webmap is shared with everyone and I don't need to log into Portal to see it.

Re: Adding a WebMap from Portal to Javascript 4.x application

JayantaPoddar — Mon, 19 Jun 2017 05:42:08 GMT

To reference an item from an on-premise portal, set the URL of the portal in esriConfig.portalUrl.

Load a basic WebMap | ArcGIS API for JavaScript 4.3

Re: Adding a WebMap from Portal to Javascript 4.x application

rbae — Mon, 19 Jun 2017 18:34:26 GMT

require([

"esri/views/MapView",

"esri/WebMap",

"esri/config",

"dojo/domReady!"

], function (WebMap, MapView, esriConfig) {

portalUrl = "https://www.-------.com/---gis" //THIS DOES NOT SEEM TO DO ANYTHING

var webmap = new WebMap({

portalItem: { // autocasts as new PortalItem()

id: "49d4ffe63e7a4f60ab9ba93ae6d65ce5"

}

});

var view = new MapView({

map: webmap, // References the map object created in step 3

container: "viewDiv" // Reference to the DOM node that will contain the view

});

Re: Adding a WebMap from Portal to Javascript 4.x application

rbae — Mon, 19 Jun 2017 18:36:30 GMT

Jayanta,

As I mentioned in my original post, portalUrl does not seem to help.

Thanks,

-Ryan

Re: Adding a WebMap from Portal to Javascript 4.x application

JeffJacobson — Wed, 21 Jun 2017 16:26:45 GMT

You're not assigning the URL to the esriConfig.portalUrl. You're currently creating an unrelated variable called portalUrl and assigning a value to it, while esriConfig.portalUrl remains unchanged.

Re: Adding a WebMap from Portal to Javascript 4.x application

rbae — Wed, 21 Jun 2017 16:34:41 GMT

Sorry - bad example - that was some debug code. This is what I currently have, and it is not working.

require([

"esri/views/MapView",

"esri/WebMap",

"esri/config",

"dojo/domReady!"

], function (WebMap, MapView, esriConfig) {

esriConfig.portalUrl = "https://mydomain.com/myportal"

var webmap = new WebMap({

portalItem: { // autocasts as new PortalItem()

id: "49d4ffe63e7a4f60ab9ba93ae6d65ce5"

}

});

var view = new MapView({

map: webmap, // References the map object created in step 3

container: "viewDiv" // Reference to the DOM node that will contain the view

});

Re: Adding a WebMap from Portal to Javascript 4.x application

KellyHutchins — Wed, 21 Jun 2017 17:57:21 GMT

Try running your app again and watch the network traffic using the browser's debugging tools. You should see a request for your web map id and you can check to make sure the request is for the correct resource.

Re: Adding a WebMap from Portal to Javascript 4.x application

rbae — Tue, 18 Jul 2017 06:37:21 GMT

Kelly,

Sorry for taking so long to get back to you. I tried what you suggested and found that:

1. Mac OS, Visual Studio Code, Chrome (59.0.3071.115) -> Does not work

2. Windows 10, Visual Studio Code, Chrome (same version as Mac) -> Works!

To eliminate all potential typos, I copied and pasted the code between the two environments. Is the Mac supported?

Of course, the Windows 10 is running as a VM (VMWare Fusion 8 Pro) on the Mac, so there shouldn't be a network/firewall issue.

Thank you for your help.

-Ryan

Re: Adding a WebMap from Portal to Javascript 4.x application

KellyHutchins — Tue, 18 Jul 2017 16:07:56 GMT

Yes mac is supported. I work on a mac on a daily basis and haven't run into any issues with Mac + Chrome and not being able to run an app. When the app doesn't work do you see any errors in the developer tools console? Do you see the request for the web map id? Is it successful?

Re: Adding a WebMap from Portal to Javascript 4.x application

JohnGrayson — Tue, 18 Jul 2017 17:58:59 GMT

Ryan, check the order of the classes in your require... make sure they're declared and used in the same order.

Re: Adding a WebMap from Portal to Javascript 4.x application

rbae — Tue, 18 Jul 2017 20:38:56 GMT

Thanks John! You are absolutely right - I had the order of the classes messed up.

This is a total user error, which I'm going to blame on my inability to switch between the Control and Command keys for Copy/Paste in Windows vs Mac...

Re: Adding a WebMap from Portal to Javascript 4.x application

PLadd — Thu, 10 Aug 2023 12:44:20 GMT

I landed on this page looking for a solution to the same issue and, while the OP's problem has been solved here from somebody else, I wanted to add what I found in case others landed here looking for answers.

I did something really stupid - I was typing esri/Config instead of esri/config. Once I changed to lower case "c", the web map populated. Maybe my stupidity will help somebody else save a little time.