See the following code. What is the best practice in this scenario to set map extent? I tried fullextent and initialextent but it doesn't seem to work.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--The viewport meta tag is used to improve the presentation and behavior of the samples
on iOS devices-->
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
<title>Create Map and add a dynamic layer</title>
<link rel="stylesheet" href="http://js.arcgis.com/3.12/esri/css/esri.css"/>
<style>
html, body, #mapDiv{
padding: 0;
margin: 0;
height: 100%;
}
</style>
<script src="http://js.arcgis.com/3.12/"></script>
<script>
var map;
require([
"esri/map",
"esri/layers/ArcGISDynamicMapServiceLayer",
"esri/layers/ImageParameters",
"esri/geometry/Extent"
], function (
Map, ArcGISDynamicMapServiceLayer, ImageParameters, Extent) {
var imageParameters = new ImageParameters();
imageParameters.format = "PNG24"; //set the image type to PNG24, note default is PNG8.
//Takes a URL to a non cached map service.
var vDynamicLayerUrl = 'http://roadsandhighwayssample.esri.com/arcgis/rest/services/RoadsHighways/NewYorkRoads/MapServer';
var dynamicMapServiceLayer = new ArcGISDynamicMapServiceLayer(vDynamicLayerUrl, {
"opacity" : 0.5,
"imageParameters" : imageParameters
});
//This works great! But I don't know what extent values customer wants.
/*
var vExtent = new Extent({
"xmin": -8779565.491,
"ymin": 5308898.15,
"xmax": -8768418.742,
"ymax": 5315478.761,
"spatialReference": {
"wkid": 102100
}
});
*/
map = new Map("mapDiv", {
basemap: 'gray',
//extent: vExtent,
sliderOrientation : "horizontal"
});
map.addLayer(dynamicMapServiceLayer);
map.on('layer-add-result', function(dynamicLayer) {
//following code doesn't show dynamic layer on the map or may be taking time to add the layer. Also, it shows me the following message on the console.
//Map: Geometry (wkid: 26918) cannot be converted to spatial reference of the map (wkid: 102100)
//map.setExtent(new Extent(dynamicLayer.layer.initialExtent), true);
map.setExtent(new Extent(dynamicLayer.layer.fullExtent), true);
});
});
</script>
</head>
<body>
<div id="mapDiv"></div>
</body>
</html>
