Toggle between separate webmap ids

ChadRicks — Tue, 19 May 2015 16:33:46 GMT

I want to toggle webmaps from my portal with radio buttons but I'm stuck. In IE the second map shows up underneath the original map and in chrome the top map just stays on top. How to i get the clicked map to show up on top?

<!DOCTYPE html>

<html>

<head>

var dojoConfig = {

async: true

};

</script>

<style>

</style>

require([

"esri/map",

"esri/arcgis/utils",

"dojo/on",

"dojo/dom",

"dojo/domReady!"

], function(

Map, arcgisUtils, on, dom

) {

var portalurl = "https://MYPORTALSERVER/portal/sharing/rest/content/items"

var firstMap = "99f08409990c4ac9bf49920d111c0d25"

var secondMap = "1508e30da03f4b2f83e6226435dfb172"

on(dom.byId("map1"), "click", getFirst);

on(dom.byId("map2"), "click", getSecond);

arcgisUtils.arcgisUrl = portalurl

var mapDeferred = arcgisUtils.createMap(firstMap, "map");

mapDeferred.then(function(response) {

});

function getFirst() {

console.log(' First clicked')

arcgisUtils.arcgisUrl = portalurl

var mapDeferred = arcgisUtils.createMap(firstMap, "map");

mapDeferred.then(function(response) {

});

}

function getSecond() {

console.log(' Second clicked')

arcgisUtils.arcgisUrl = portalurl

var mapDeferred = arcgisUtils.createMap(secondMap, "map");

mapDeferred.then(function(response) {

});

}

});

</script>

</head>

<body>

<b><u> Choose a map to view </u></b>

<br>

<br />

</body>

</html>

Re: Toggle between separate webmap ids

TomSellsted — Tue, 19 May 2015 21:25:03 GMT

Chad,

Had you looked at the sample on this page? Fade effect using ArcGIS.com web maps | ArcGIS API for JavaScript

It shows how to change between different web maps based on a click event similar to yours.

Regards,

Tom

topic Toggle between separate webmap ids in ArcGIS JavaScript Maps SDK Questions

Toggle between separate webmap ids

Re: Toggle between separate webmap ids