<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Next time RTFM</title>
<script src="../resources/js/ext-3.4.0/ext-base.js" type="text/javascript"></script>
<script src="../resources/js/ext-3.4.0/ext-all.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="../resources/js/ext-3.4.0/resources/css/ext-all.css"></link>
<script src="../resources/js/OpenLayers/OpenLayers.js" type="text/javascript"></script>
<link rel="stylesheet" href="../resources/js/OpenLayers/theme/default/style.css" type="text/css" />
<script src="../resources/js/GeoExt/GeoExt.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="../resources/js/GeoExt/css/geoext-all.css"></link>
<script src='http://maps.google.com/maps?file=api&v=2&key=key'></script>
<style type="text/css">
html, body, #map {
margin: 0;
width: 100%;
height: 100%;
}
#text {
position: absolute;
bottom: 1em;
left: 1em;
width: 512px;
z-index: 20000;
background-color: white;
padding: 0 0.5em 0.5em 0.5em;
}
</style>
<script type="text/JavaScript">
function RefreshPage(Period)
{
setTimeout("location.reload(true);", Period);
}
var Today = new Date();
var day = Today.getDate();
var month = Today.getMonth();
var year = Today.getFullYear();
var hours = Today.getHours();
var minutes = Today.getMinutes();
var seconds = Today.getSeconds();
document.write(hours + ":" + minutes + ":" + seconds)
</script>
<script type="text/javascript">
var lon = 85.31;
var lat = 27.67;
var zoom = 9;
var map, layers;
var info;
var url = "http://localhost/geoserver/wms";
function init(){
map = new OpenLayers.Map('map', {
projection: new OpenLayers.Projection("EPSG:900913"),
displayProjection: new OpenLayers.Projection("EPSG:4326"),
numZoomLevels: 21,
maxExtent: new OpenLayers.Bounds(-20037508, -20037508,20037508, 20037508.34),
controls: [
new OpenLayers.Control.Navigation(),
new OpenLayers.Control.PanZoomBar(),
new OpenLayers.Control.LayerSwitcher({'ascending':false}),
new OpenLayers.Control.ScaleLine(),
new OpenLayers.Control.MousePosition(),
new OpenLayers.Control.OverviewMap(),
new OpenLayers.Control.KeyboardDefaults()
]
});
var nplBorder = new OpenLayers.Layer.WMS( "Border",
url,
{layers: 'GisData:INTERNATION_BORDER'}
);
var dsBand = new OpenLayers.Layer.WMS( "Band",
url,
{layers: 'GisData:DISTRICT_BND'}
);
var site = new OpenLayers.Layer.WMS( "site",
url,
{layers: 'GisData:sites', transparent: "true",format: "image/png"}
);
var g_pmap = new OpenLayers.Layer.Google(
"Google Physical",
{type: G_PHYSICAL_MAP,'sphericalMercator': true}
);
var gmap_gs = new OpenLayers.Layer.Google(
"Google Streets"// the default
{'sphericalMercator': true}
);
var gmap_ghy = new OpenLayers.Layer.Google(
"Google Hybrid",
{type: G_HYBRID_MAP,'sphericalMercator': true}
);
var gmap_gsat = new OpenLayers.Layer.Google(
"Google Satellite",
{type: G_SATELLITE_MAP,'sphericalMercator': true}
)
site.setIsBaseLayer(false);
map.addLayer(Border);
map.addLayer(Band);
map.addLayer(Site);
// why didn't you add the Google layers???
map.add(g_pmap);
map.add(gmap_gs);
map.add(gmap_ghy);
map.add(gmap_gsat);
info = new OpenLayers.Control.WMSGetFeatureInfo({
url: "http://localhost/geoserver/wms",
title: 'Identify features by clicking',
queryVisible: true,
eventListeners: {
getfeatureinfo: function(event) {
map.addPopup(new OpenLayers.Popup.FramedCloud(
"chicken",
map.getLonLatFromPixel(event.xy),
null,
event.text,
null,
true
));
}
}
});
map.addControl(info);
info.activate();
map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
}
</script>
</head>
<body onload="init();">
<div id="map" ></div>
</body>
</html>