<%--
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" %>
" type="text/css"/>
">
OpenLayers.ProxyHost="/omar-2.0/thumbnail/proxy?url=";
var aoiLayer
var polygonControl
var map
function clearAOI( e )
{
aoiLayer.destroyFeatures()
document.getElementById("aoiMinLon").value = ""
document.getElementById("aoiMaxLat").value = ""
document.getElementById("aoiMaxLon").value = ""
document.getElementById("aoiMinLat").value = ""
}
function setAOI( e )
{
var geom = e.feature.geometry
var bounds = geom.getBounds()
var feature = new OpenLayers.Feature.Vector(geom)
document.getElementById("aoiMinLon").value = bounds.left
document.getElementById("aoiMaxLat").value = bounds.top
document.getElementById("aoiMaxLon").value = bounds.right
document.getElementById("aoiMinLat").value = bounds.bottom
aoiLayer.destroyFeatures()
aoiLayer.addFeatures(feature, {silent: true})
}
function setView( e )
{
var bounds = map.getExtent()
//alert(bounds)
document.getElementById("viewMinLon").value = bounds.left
document.getElementById("viewMaxLat").value = bounds.top
document.getElementById("viewMaxLon").value = bounds.right
document.getElementById("viewMinLat").value = bounds.bottom
}
function init()
{
map = new OpenLayers.Map("map", { controls: [] });
var dataLayer = new OpenLayers.Layer.WMS(
"${dataWMS.title}",
"${dataWMS.url}",
{ layers: "${dataWMS.layers}", format: 'image/png', transparent: true } , {'isBaseLayer': false}
);
var baseLayer = new OpenLayers.Layer.WMS(
"${baseWMS.title}",
"${baseWMS.url}",
{layers: '${baseWMS.layers}', format: 'image/png' }
);
aoiLayer = new OpenLayers.Layer.Vector("Area of Interest");
aoiLayer.events.register("featureadded", aoiLayer, function( e ) { setAOI(e) });
var polyOptions = {sides: 4, irregular: true}
polygonControl = new OpenLayers.Control.DrawFeature( aoiLayer, OpenLayers.Handler.RegularPolygon,
{handlerOptions: polyOptions});
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(polygonControl);
var left = ${videoDataSetQuery?.viewMinLon}
var bottom = ${videoDataSetQuery?.viewMinLat}
var right = ${videoDataSetQuery?.viewMaxLon}
var top = ${videoDataSetQuery?.viewMaxLat}
var left = -180
var bottom = -90
var right = 180
var top = 90
var bounds = new OpenLayers.Bounds(left, bottom, right, top);
var zoom = map.getZoomForExtent(bounds, true);
map.setCenter(bounds.getCenterLonLat(), zoom);
map.events.register("zoomend", map, function( e ) { setView(e) });
var bounds = new OpenLayers.Bounds(${videoDataSetQuery.aoiMinLon}, ${videoDataSetQuery.aoiMinLat}, ${videoDataSetQuery.aoiMaxLon}, ${videoDataSetQuery.aoiMaxLat});
var feature = new OpenLayers.Feature.Vector(bounds.toGeometry())
aoiLayer.addFeatures(feature, {silent: true})
}
Search for Videos
Search for Imagery:
${flash.message}