Can't get correct extent on World Stree Map

Question

I'm a beginner to the ESRI API and scripting in general. I'm trying to make a basic web map with the World_Street_Map layer but the extent I use shows "no map data available" because it's off in the ocean on the wrong side of the world! If I use that same extent (same x y coordinates) with the ESRI_StreetMap_World_2D layer it works fine though. Can anyone give me some advice on what I'm missing? Any help would be appreciated because I'm stuck right now.

Here's the code for the test that uses the World_Street_Map (the one that's not working)...

function init() {  
  var startExtent = new esri.geometry.Extent(-95.4, 40.887, -94.908, 41.171,          
      new esri.SpatialReference({wkid:102100}) );

myMap = new esri.Map("mapDiv", { extent: startExtent });  
  var mapServiceURL = "http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer";  
myMap.addLayer(new esri.layers.ArcGISTiledMapServiceLayer(mapServiceURL));

}

Here's the code for the test that uses the ESRI_StreetMap_World_2D layer (the one that works fine)...

function init() {  
  var startExtent = new esri.geometry.Extent(-95.4, 40.887, -94.908, 41.171,          
      new esri.SpatialReference({wkid:4326}) );

myMap = new esri.Map("mapDiv", { extent: startExtent });  
  var mapServiceURL = "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer";  
myMap.addLayer(new esri.layers.ArcGISTiledMapServiceLayer(mapServiceURL));

}

derekswingley1 · Answer

Glad to help! You should mark Kelly's post as an answer, she was first 🙂

PatrickBinns · Answer

Thank you both Kelly and swingley! With your explanation I'm now able to get it to work properly. Thanks again!

derekswingley1 · Answer

The conceptual help topic Working with Extents is worth a read.

In your example that doesn't work, you're specifying what looks like lat, long coordinates but saying the spatial reference is web mercator (wkid 102100). If you want to create an extent as lat, long but apply it to a map service that uses webmercator, create the extent as lat, long (wkid 4326) and convert it to webmercator using esri.geometry.geographicToWebMercator().