The following files are stored in the htdocs folder of apache.<br><br>Aerial2005_1ft.aux<br>Aerial2005_1ft.rrd<br>Aerial2005_1ft.tfw<br>Aerial2005_1ft.tif<br>Aerial2005_1ft.xml<br><br>Sorry about not mentioning these files in my previous mail<br>
<br>-Arjun<br><div class="gmail_quote">On Feb 17, 2008 2:35 PM, arjun dheer <<a href="mailto:dheer.arjun@gmail.com">dheer.arjun@gmail.com</a>> wrote:<br><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
Hi,<br>I am trying to use a Tiff image for display using openlayers. I tried to use the following code. This code resembles the one in the image-layer.html example. The code is as follows:<br><br><html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>"><br>
<head><br> <title>OpenLayers Image Layer Example</title><br> <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /><br> <style type="text/css"><br>
p {<br> width: 512px;<br> }<br> #map {<br> width: 512px;<br> height: 512px;<br> border: 1px solid gray;<br> }<br> </style><br> <script src="../lib/OpenLayers.js"></script><br>
<script type="text/javascript"><br> var map;<br> function init(){<br> map = new OpenLayers.Map('map');<br><br> var options = {numZoomLevels: 3};<br><br> var graphic = new OpenLayers.Layer.Image(<br>
'City Lights',<br> '<a href="http://localhost/Aerial2005_1ft.tif" target="_blank">http://localhost/Aerial2005_1ft.tif</a>',<br> <b> new OpenLayers.Bounds(-117.065, -32.740, -117.000, 32.782),</b><br>
new OpenLayers.Size(5419, 4383),<br> options);<br><br> var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",<br> "<a href="http://t1.hypercube.telascience.org/cgi-bin/landsat7" target="_blank">http://t1.hypercube.telascience.org/cgi-bin/landsat7</a>", <br>
{layers: "landsat7"}, options);<br><br> map.addLayers([graphic, jpl_wms]);<br> map.addControl(new OpenLayers.Control.LayerSwitcher());<br> map.zoomToMaxExtent();<br>
}<br> </script><br><br> </head><br> <body onload="init()"><br> <h1 id="title">Image Layer Example</h1><br><br> <div id="tags"></div><br>
<br> <p id="shortdesc"><br> Demonstrate a single non-tiled image as a selectable base layer.<br> </p><br><br> <div id="map"></div><br><br> <div id="docs"><br>
<p><br> The "City Lights" layer above is created from a single web accessible<br> image. If you construct it without any resolution related options,<br> the layer will be given a single resolution based on the extent/size.<br>
Otherwise, it behaves much like a regular layer. This is primarily<br> intended to be used in an overview map - where another layer type<br> might not make a good overview.<br> </p><br>
</div><br> </body><br></html><br><br><br>The bounding box values were taken by taking an estimate of the lat long values using google maps.<br><br>The image is not bieng displayed. I have also taken the easting northing values of the image using ermapper software which are as follows:<br>
left bottom: 637283.68 E<br> 1860785.83 N<br>right top: 6312701.61 E<br> 1865167.64 N<br>I have not yet converted these values into latlong values but will do so once it is confirmed that I am headed in the right direction. Please help me out as to what should I do to get the image displayed. Following are the images shored in the htdocs folder. By the way, I am using Apache. <br>
Please help me out.<br>Thanks,<br><font color="#888888">Arjun<br><br>
</font></blockquote></div><br>