<div dir="ltr">Dear list.<div>First, I made tiled images(png) with&nbsp;gdal2tiles.py.</div><div>For example,&nbsp;python gdal2tiles.py -title &quot;tile&quot; -publishurl <a href="http://192.168.1.134:8089/osgeo/geo/tile/">http://192.168.1.134:8089/osgeo/geo/tile/</a> -nogooglemaps -nokml -v D:\test\raster\image.tif D:\test\raster\tile --config GDAL_CACHEMAX 120</div>
<div>and I &nbsp;moved the image files into Tomcat and tested&nbsp;<a href="http://localhost:8089/osgeo/geo/tile/openlayers.html">http://localhost:8089/osgeo/geo/tile/openlayers.html</a>.</div><div>It runs well.</div><div>Next, I want to add a WMS layer which are being serviced in Geoserver &amp; Postgis.</div>
<div>So, I changed javascript.</div><div><br></div><div><div>&nbsp;&nbsp; &nbsp; &nbsp; function init(){</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;OpenLayers.DOTS_PER_INCH = 90.714;</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var bounds = new OpenLayers.Bounds(</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 199628.88671875, 396702.2890625,</div>
<div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 239834.30078125, 431934.58125</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;);</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var options = {</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;controls: [],</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;maxExtent: bounds,</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;maxScale: 10,</div>
<div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;minScale: 500000, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;maxResolution: &quot;auto&quot;,</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;projection: &quot;EPSG:4326&quot;,</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;units: &#39;m&#39;</div>
<div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;};</div><div><br></div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;map = new OpenLayers.Map(&#39;map&#39;, options);</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //WMS base layer</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var base_wms = new OpenLayers.Layer.WMS(</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&quot;topp:bml_gadm_as_w - Untiled&quot;,</div>
<div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&quot;<a href="http://localhost:8888/geoserver/wms">http://localhost:8888/geoserver/wms</a>&quot;,</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;{layers: &#39;topp:bml_gadm_as_w&#39;},</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;{singleTile: true, ratio: 1}&nbsp;</div>
<div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;);&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;map.addLayer(base_wms);</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // OpenLayers 2.5 TMS driver</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var layer = new OpenLayers.Layer.TMS( &quot;TMS&quot;,&nbsp;</div>
<div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&quot;<a href="http://192.168.1.134:8089/osgeo/geo/tile/">http://192.168.1.134:8089/osgeo/geo/tile/</a>&quot;,</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {layername: &#39;.&#39;, serviceVersion: &#39;.&#39;, type:&#39;png&#39;} );</div>
<div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;map.addLayer(layer);</div><div><br></div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //WMS river layer</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var river_wms = new OpenLayers.Layer.WMS(</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&quot;topp:bml_rivr_as_w - Untiled&quot;,</div>
<div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&quot;<a href="http://localhost:8888/geoserver/wms">http://localhost:8888/geoserver/wms</a>&quot;,</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;layers: &quot;topp:bml_rivr_as_w&quot;,</div>
<div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;transparent: &quot;true&quot;, format: &quot;image/png&quot;},</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;{singleTile: true, ratio: 1,minScale:&quot;100000&quot;}&nbsp;</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;);</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;map.addLayer(river_wms);</div>
<div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;map.addControl(new OpenLayers.Control.PanZoomBar());</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;map.addControl(new OpenLayers.Control.Navigation());</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;map.addControl(new OpenLayers.Control.Scale($(&#39;scale&#39;)));</div>
<div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;map.addControl(new OpenLayers.Control.MousePosition({element: $(&#39;location&#39;)}));</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;map.addControl(new OpenLayers.Control.LayerSwitcher());</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;map.zoomToMaxExtent();</div>
</div></div><div><br></div><div>But, the problem is that tiled images do not match WMS layer. The tiled images are aerial photos of the same area.</div><div>I don&#39;t understand exactly the projection. is this projection problem?</div>
<div>Could you give some advice.</div><div><br></div><div>Best regards.</div><div>Jeong.</div><div><br></div></div>