I have created one code to display an image layer on my map using OpenLayers, I am using following code:
tiled = new OpenLayers.Layer.WMS(
"layername", "domainname/geoserver/workspace/wms",
{
LAYERS: 'layername',
STYLES: '',
format: 'image/png',
tiled: true,
transparent: "true",
tilesOrigin : map.maxExtent.left + ',' + map.maxExtent.bottom
},
{
buffer: 0,
displayOutsideMaxExtent: true,
isBaseLayer: false,
yx : {'EPSG:900913' : true}
}
);
map.addLayer(tiled);
My complete code is:
function init() {
map = new OpenLayers.Map('mapdiv');
var mapnik = new OpenLayers.Layer.OSM();
var zoom = 15;
map.addLayer(mapnik);
map.setCenter(new OpenLayers.LonLat(151.1522771, -33.7288868).transform(new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913")), zoom);
tiled = new OpenLayers.Layer.WMS("layername", "url", {
LAYERS : 'layername',
STYLES : '',
format : 'image/png',
tiled : true,
transparent : "true",
tilesOrigin : map.maxExtent.left + ',' + map.maxExtent.bottom
}, {
buffer : 0,
displayOutsideMaxExtent : true,
isBaseLayer : true,
yx : {
'EPSG:900913' : true
}
});
map.addLayer(tiled);
}