Recently, I incorporated a large image onto my OpenLayers map using the code provided below. However, for some reason, the image is not showing up on the map. Oddly enough, when I expand the layerswitcher, the layer appears but is grayed out and disabled. This feature was functioning perfectly before, so it's baffling why it suddenly stopped working. I've been trying to troubleshoot the issue without any luck, and I'm hoping someone can guide me in the right direction.
imgbounds = new OpenLayers.Bounds(this.ll2ol(-105.424392,'lon'),this.ll2ol(43.975458,'lat'),this.ll2ol(-105.317911,'lon'),this.ll2ol(44.087556,'lat'));
overlay = new OpenLayers.Layer.Image(
"Aerial View",
"/media/mapassets/CORDEROAPR11.jpg",
imgbounds,
new OpenLayers.Size(27994, 20832),
{'isBaseLayer': false, 'alwaysInRange': false}
);
map.addLayer(overlay);
The ll2ol function is working correctly. The issue seems to be related to the image not being found, even though I have verified that the file exists at the specified path. It's worth noting that this image file is quite large and requires substantial memory resources. Strangely, it was functioning flawlessly just a few months ago. Initially, I thought I had simply commented it out when switching projects, but that doesn't seem to be the case now.
Using Firefox with Firebug, I checked the Net tab and noticed that the browser isn't attempting to load the jpg file at all. There are no error messages indicating that the file couldn't be found—it's as if it's not even being detected. However, the layer itself is still visible on the map.