<%-- Created by IntelliJ IDEA. User: sbortman Date: Jun 9, 2008 Time: 1:34:39 PM To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" %> function changeMapSize() { var mapTitle = document.getElementById("mapTitle"); var mapDiv = document.getElementById("map"); mapDiv.style.width = mapTitle.offsetWidth + "px"; mapDiv.style.height = Math.round( mapTitle.offsetWidth / 2) + "px"; /* mapDiv.style.height = ( document.body.clientHeight - document.getElementById("hd").offsetHeight - document.getElementById("ft").offsetHeight - document.getElementById("nav").offsetHeight - mapTitle.offsetHeight ) + "px"; */ map.updateSize(); } function init() { var left = ${queryParams?.viewMinLon}; var bottom = ${queryParams?.viewMinLat}; var right = ${queryParams?.viewMaxLon}; var top = ${queryParams?.viewMaxLat}; var left = -180; var bottom = -90; var right = 180; var top = 90; var dataLayer = new OpenLayers.Layer.WMS( "${dataWMS.title}", "${dataWMS.url}", { layers: "${dataWMS.layers}", format: 'image/png', transparent: true }, {'isBaseLayer': false}, {buffer:1} ); var baseLayer = new OpenLayers.Layer.WMS( "${baseWMS.title}", "${baseWMS.url}", {layers: '${baseWMS.layers}', format: 'image/jpeg' }, {buffer:1} ); aoiLayer = new OpenLayers.Layer.Vector("Area of Interest"); aoiLayer.events.register("featureadded", aoiLayer, setAOI ); var polyOptions = {sides: 4, irregular: true} ; polygonControl = new OpenLayers.Control.DrawFeature( aoiLayer, OpenLayers.Handler.RegularPolygon, {handlerOptions: polyOptions}); map = new OpenLayers.Map("map", { controls: [] }); map.addLayer(dataLayer); map.addLayer(baseLayer); map.addLayer(aoiLayer); map.setBaseLayer(baseLayer); map.addControl(new OpenLayers.Control.LayerSwitcher()); map.addControl(new OpenLayers.Control.PanZoom()); map.addControl(new OpenLayers.Control.NavToolbar()); map.addControl(new OpenLayers.Control.MousePosition()); map.addControl(new OpenLayers.Control.Scale()); map.addControl(new OpenLayers.Control.Permalink("permalink")); map.addControl(new OpenLayers.Control.ScaleLine()); map.addControl(new OpenLayers.Control.Attribution()); map.addControl(polygonControl); map.events.register("moveend", map, setCenterText); map.events.register("zoomend", map, setView ); changeMapSize(); var bounds = new OpenLayers.Bounds(left, bottom, right, top); var zoom = map.getZoomForExtent(bounds, true); map.setCenter(bounds.getCenterLonLat(), zoom); var bounds = new OpenLayers.Bounds(${queryParams.aoiMinLon}, ${queryParams.aoiMinLat}, ${queryParams.aoiMaxLon}, ${queryParams.aoiMaxLat}); var feature = new OpenLayers.Feature.Vector(bounds.toGeometry()); aoiLayer.addFeatures(feature, {silent: true}); // var zb = new OpenLayers.Control.ZoomBox({title: "Zoom Box: Selecting it you can zoom on an area by clicking and draging"}); // // var panel = new OpenLayers.Control.Panel({div:$('panel'),defaultControl: zb,'displayClass': 'olControlPanel'}); // // panel.addControls([ // new OpenLayers.Control.ZoomToMaxExtent(), // new OpenLayers.Control.Navigation(), zb // ]); // // //add panel to map // // map.addControl(panel); } Search for Video

Search for Video:

${flash.message}
<%--
--%>