How do you programmatically retrieve public maps from a group in AGOL?

SkylerKroll — Mon, 23 Dec 2019 20:43:48 GMT

Hello. I had asked a question a couple of weeks ago about retrieving map items from a group in AGOL. The example I was given worked, but I need to get public times within a group. How would I go about doing this? I know the group Id, but I'm not sure how to query said group to get the items. Thanks.

Re: How do you programmatically retrieve public maps from a group in AGOL?

KellyHutchins — Mon, 23 Dec 2019 21:13:47 GMT

You can use the queryItems method on PortalGroup to query for items in the group: PortalGroup | ArcGIS API for JavaScript 4.14

Re: How do you programmatically retrieve public maps from a group in AGOL?

SkylerKroll — Mon, 23 Dec 2019 22:12:05 GMT

Okay. Thank you. I will give the documentation a look.

Re: How do you programmatically retrieve public maps from a group in AGOL?

SkylerKroll — Tue, 31 Dec 2019 18:08:20 GMT

Hi, Kelly. I'm having trouble with how to structure the syntax to query the items and populate the carousel with the map thumbnails. Can you help me along? Am I missing something?

require([

"esri/core/urlUtils",

"esri/portal/Portal",

"esri/portal/PortalGroup",

"esri/identity/OAuthInfo",

"esri/identity/IdentityManager",

"esri/portal/PortalQueryParams"

], function (urlUtils, Portal, PortalGroup, OAuthInfo, esriId, PortalQueryParams) {

urlUtils.addProxyRule({

urlPrefix: "https://www.arcgis.com",

proxyUrl: "https://localhost/dotnet/proxy.ashx"

});

displayItems();

function displayItems() {

var portalGroup = new PortalGroup({

id: "3Ab1689d3d9dab474caa8a9cb4785a244f",

owner: "Rocket350",

portalUrl: "https://rocket350.maps.arcgis.com"

});

// Query the group items from portalGroup above

portalGroup.queryItems().then(populateCarousel);

}

function populateCarousel(items) {

//var htmlFragment = "";

index = 0;

items.results.forEach(function (item) {

index += 1;

if (item.type == "Web Map") {

console.log(item.type);

console.log(item.thumbnailUrl);

//Sconsole.log(item.thumbnailUrl);

// htmlFragment +=

// '<div class="esri-item-container">' +

// (item.thumbnailUrl

// ? '<div class="esri-image" style="background-image:url(' +

// item.thumbnailUrl +

// ');"></div>'

// : '<div class="esri-image esri-null-image">Thumbnail not available</div>') +

// (item.title

// ? '<div class="esri-title">' + (item.title || "") + "</div>"

// : '<div class="esri-title esri-null-title">Title not available</div>') +

// "</div>";

$('<div class="carousel-item"><img src="'+ item.thumbnailUrl+'" width="50%"></div>').appendTo('.carousel-inner')

console.log(index);

}

else {

console.log(item.type);

}

});

$('.carousel-item').first().addClass('active');

$('.carousel-indicators > li').first().addClass('active');

$('#mapCarousel').carousel();

}

});

</script>

topic Re: How do you programmatically retrieve public maps from a group in AGOL? in ArcGIS JavaScript Maps SDK Questions

How do you programmatically retrieve public maps from a group in AGOL?

Re: How do you programmatically retrieve public maps from a group in AGOL?

Re: How do you programmatically retrieve public maps from a group in AGOL?

Re: How do you programmatically retrieve public maps from a group in AGOL?