I am tring to overlay my WMS layer on Google but at a particular scale it doesn't show the data of my layer. What can be the problem?
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Untitled Page</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=2&sensor=false"></script>
<script type="text/javascript" src="http://openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">
var map;
function init() {
map = new OpenLayers.Map('map', { allOverlays: true });
map.addControl(new OpenLayers.Control.LayerSwitcher());
var gmap = new OpenLayers.Layer.Google("Google Streets");
var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://localhost:5555/geoserver/cite/wms",
{
layers: 'cite:view_test',
transparent: true,
projection: "EPSG:4326"
});
map.addLayers([gmap, wms]);
map.zoomToMaxExtent();
}
</script>
</head>
<body onload='init();'>
<div id='map' style='width: 500px; height: 500px; background-color:Gray'>
</div>
</body>
</html>
I am new to Openlayers: can anyone help me?