nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

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.

Find more posts tagged with

Accepted answers

JohnGrayson

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

All comments

PLadd

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.

rbae

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...

JohnGrayson

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

khutchins

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

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

});

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

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

});

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

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.