Adding a WebMap from Portal to Javascript 4.x application

[rbae]

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.

[JayantaPoddar]

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 

[rbae]

Jayanta,

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

Thanks,

-Ryan

[rbae]

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

});

});

[JeffJacobson]

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.

[rbae]

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

});

});

[KellyHutchins]

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. 

[rbae]

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

[KellyHutchins]

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? 

[JohnGrayson · Accepted solution]

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