I am using OpenLayers to try to display aerial maps for two cities (McHenry, IL and Cupertino, CA).
By following the tutorial for OpenLayers I have gotten my McHenry example to render correctly, as shown in this jsfiddle: http://jsfiddle.net/je45Y/
I should be able to use the exact same code and change only the URL and the zoomToExtent() arguments at the end (such that they match the Initial Extent reported on the ESRI info page). However, when I do this, all the map tile requests generate 404 errors as shown in this jsfiddle: http://jsfiddle.net/9y90mvLo/
Eventually, if I zoom in enough, the tiles will display. This is pretty confusing to me. Presumably, there are different values for zoomToExtent() that I can provide to make this work properly right from the start, but I have no idea how I'd find out what these values are.
Is their ESRI server misconfigured somehow or does OpenLayers not work properly with this newer version of ESRI Server?
It's confusing that the same code works for the first server but not the second.