// Get Map Extent
var mapExtent = eval("(" + document.getElementById("MapExtent").value + ")");
extent = new esri.geometry.Extent({
"xmin":mapExtent.xmin,
"ymin":mapExtent.ymin,
"xmax":mapExtent.xmax,
"ymax":mapExtent.ymax, "spatialReference": { "wkid":mapExtent.spatialReference }
});
// Create Map
map = new esri.Map("Map");
map.setExtent(extent);
// base layer
baseUrl = "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer";
baseLayer = new esri.layers.ArcGISTiledMapServiceLayer(baseUrl);
baseLayer.id = "BaseLayer";
// Data layer
dataUrl = document.getElementById("dataUrl").value;
dataLayer = new esri.layers.ArcGISDynamicMapServiceLayer(dataUrl);
dataLayer.id = "DataLayer";
// Add Layers
map.addLayers([baseLayer, dataLayer]);
window.onresize = resizeMap;
dojo.connect(map, "onLoad", function () {
// Do other stuff
});
var mapExtent = eval("(" + document.getElementById("MapExtent").value + ")");
<input id="MapExtent" type="hidden" value="{ "xmin":-10804667, "ymin":3860339,"xmax":-10803503,"ymax":3861045,"spatialReference": { "wkid":102100 } }" /><input id="dataUrl" type="hidden" value=".../MapServer" /></div>
so I needed to change :
extent = new esri.geometry.Extent({
"xmin":mapExtent.xmin,
"ymin":mapExtent.ymin,
"xmax":mapExtent.xmax,
"ymax":mapExtent.ymax, "spatialReference": { "wkid":mapExtent.spatialReference}
});
to...
extent = new esri.geometry.Extent({
"xmin":mapExtent.xmin,
"ymin":mapExtent.ymin,
"xmax":mapExtent.xmax,
"ymax":mapExtent.ymax, "spatialReference": { "wkid":mapExtent.spatialReference.wkid }
});