I'm not sure why you're seeing that problem, but after some experimentation I found that this works: var basemapLayer = new esri.layers.ArcGISTiledMapServiceLayer(... var dynamicLayer = new esri.layers.ArcGISDynamicMapServiceLayer(... var basemapLayer2 = new esri.layers.ArcGISTiledMapServiceLayer(... var dynamicLayer2 = new esri.layers.ArcGISDynamicMapServiceLayer(... basicMapObj.addLayers([basemapLayer, dynamicLayer]); advancedMapObj.addLayers([basemapLayer2, dynamicLayer2]); ie, create separate instances of the layers in each map.Steve
var basemapLayer = new esri.layers.ArcGISTiledMapServiceLayer(... var dynamicLayer = new esri.layers.ArcGISDynamicMapServiceLayer(... var basemapLayer2 = new esri.layers.ArcGISTiledMapServiceLayer(... var dynamicLayer2 = new esri.layers.ArcGISDynamicMapServiceLayer(... basicMapObj.addLayers([basemapLayer, dynamicLayer]); advancedMapObj.addLayers([basemapLayer2, dynamicLayer2]);
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.0/js/esri/dijit/css/Popup.css"/> <script type="text/javascript"> var djConfig = { parseOnLoad: true }; </script> <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=3.1"> </script> <script type="text/javascript"> dojo.require("esri.map"); dojo.require("esri.dijit.Popup"); var basicMapObj, advancedMapObj; function mapInitialization() { var popup = new esri.dijit.Popup({ fillSymbol: new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([255, 0, 0]), 2), new dojo.Color([255, 255, 0, 0.25])) }, dojo.create("div")); var startExtent = new esri.geometry.Extent({ "xmin": -10858450, "ymin": 3300000, "xmax": -10858500, "ymax": 3365000, "spatialReference": { "wkid": 102100} }); basicMapObj = new esri.Map("basicMap", { extent: startExtent, infoWindow: popup }); advancedMapObj = new esri.Map("advancedMap", { extent: startExtent, infoWindow: popup }); var basemapUrl = "http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer"; var dynamicUrl = "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Population_World/MapServer"; var basemapLayer = new esri.layers.ArcGISTiledMapServiceLayer(basemapUrl, { "id": "baseMap" }); var dynamicLayer = new esri.layers.ArcGISDynamicMapServiceLayer(dynamicUrl, { "id": "myMap", opacity: 0.80 }); basicMapObj.addLayers([basemapLayer, dynamicLayer]); advancedMapObj.addLayers([basemapLayer, dynamicLayer]); } dojo.addOnLoad(mapInitialization); </script> </head> <body> <div id="basicMap" style="height:100%; width:40%;display:inline-block"></div> <div id="advancedMap" style="height:100%; width:40%;display:inline-block"></div> </body> </html>
Would it be an option to have a single map DIV, and hide the other DIVs until you need them? This sounds a whole lot simpler than trying to transfer the state from one DIV to another.Steve
Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
