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.

Trouver plus de publications taguées avec

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

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

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

});

rbae

Jayanta,

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

Thanks,

-Ryan

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

});

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.

JohnGrayson

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

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

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.

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

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