tim@980: <%@page import="de.intevation.gnv.action.sessionmodel.SessionModelFactory"%>
tim@980: <%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean" %>
tim@971: OpenLayers.ProxyHost= "/cgi-bin/proxy.cgi?url=";
tim@980: OpenLayers.Lang.setCode('<%=SessionModelFactory.getInstance().getSessionModel(request).getCurrentLocale().getLanguage() %>');
tim@971: Ext.BLANK_IMAGE_URL = "scripts/openlayers/OpenLayers-2.9/theme/default/img/blank.gif";
tim@971: 
tim@971: /**
tim@971:  * XXX
tim@971:  * Change specific attributes for map, wfs-t, etc here. Do not change these
tim@971:  * settings inline the code!
tim@971:  */
tim@971: PROJECTION     = "EPSG:4326";
tim@971: PROJECTIONS    = [PROJECTION, 'EPSG:4326'] // Projection used in projection selector
tim@971: MAX_EXTENT     = new OpenLayers.Bounds(-17.44,29.41,40.04,77.66);
tim@971: INITIAL_CENTER = new OpenLayers.LonLat(5, 55);
tim@971: 
tim@971: Ext.onReady(function() {
tim@971: 
tim@971:     /* this function call initialized the layers that are defined by the user.
tim@971:      * The variable 'layer' and 'layers' are initialized in this function as
tim@971:      * well, that are used in the following code! So do not remove this function
tim@971:      * call.
tim@971:      */
tim@971:     initLayers();
tim@971: 
tim@971:     var options = {
tim@971:         maxExtent: MAX_EXTENT,
tim@971:         projection: PROJECTION,
tim@971:         zoom: 5,
tim@971:         controls: [],
tim@971:         units: 'm'
tim@971:     };
tim@971: 
tim@971: 
tim@971: /* ------------------------ Create map and add controls ---------------------*/
tim@971:     // create map
tim@971:     map      = new OpenLayers.Map(options);
tim@971:     map.displayProjection = new OpenLayers.Projection(PROJECTION);
tim@971: 
tim@971:     // add controls
tim@971:     
tim@971: 
tim@971:     var nav   = new OpenLayers.Control.NavigationHistory();
tim@980:     nav.previous.title = "<bean:message key="gnviewer.mapclient.controls.nav.previous.title"/>";
tim@980:     nav.next.title = "<bean:message key="gnviewer.mapclient.controls.nav.next.title"/>";
tim@971:     map.addControl(nav);
tim@971: 
tim@971:     panel = new OpenLayers.Control.Panel();
tim@971:     controls = {
tim@971:         previous: nav.previous,
tim@971:         next    : nav.next,
tim@971:         navigate: new OpenLayers.Control.MouseDefaults(
tim@971:             {
tim@971:                 displayClass: 'olControlPan',
tim@980:                 title:'<bean:message key="gnviewer.mapclient.controls.navigate.title"/>'
tim@971:             }
tim@971:         ),
tim@971:         zoombox: new OpenLayers.Control.ZoomBox(
tim@971:             {
tim@971:                 displayClass: 'olControlZoomBox',
tim@980:                 title: '<bean:message key="gnviewer.mapclient.controls.zoombox.title"/>'
tim@971:             }
tim@971:         ),
tim@971:         info : new OpenLayers.Control.WMSGetFeatureInfo({
tim@971:             displayClass: "olControlFeatureInfo",
tim@971:             url: 'http://fluggs.wupperverband.de/wmsconnector/com.esri.wms.Esrimap/WV_WMS', 
tim@980:             title: '<bean:message key="gnviewer.mapclient.controls.info.title"/>',
tim@971:             queryVisible: true,
tim@971:             eventListeners: {
tim@971:                 getfeatureinfo: function(event) {
tim@971:                     mapPanel.map.addPopup(new OpenLayers.Popup.FramedCloud(
tim@971:                         "chicken", 
tim@971:                         mapPanel.map.getLonLatFromPixel(event.xy),
tim@971:                         null,
tim@971:                         event.text,
tim@971:                         null,
tim@971:                         true
tim@971:                     ));
tim@971:                 }
tim@971:             }
tim@971:         })
tim@971:     };
tim@971: 
tim@971:     for (var key in controls) {
tim@971:         panel.addControls([controls[key]]);
tim@971:     }
tim@971: 
tim@971:     map.addControl(panel);
tim@971:     map.addControl(new OpenLayers.Control.PanZoomBar({zoomWorldIcon: 'true'}));
tim@971:     map.addControl(new OpenLayers.Control.MouseDefaults());
tim@971:     map.addControl(new OpenLayers.Control.ScaleLine());
tim@971:     // Displaying the mouse postion 
tim@971:     mousePosition = new OpenLayers.Control.MousePosition();
tim@971:     map.addControl(mousePosition);
tim@971: 
tim@971: /* --------------------------------------------------------------------------- */
tim@971: 
tim@971:     // create MapPanel
tim@971:     mapPanel = new GeoExt.MapPanel({
tim@971:         border: true,
tim@971:         region: "center",
tim@971:         map: map,
tim@973:         layers: layers
tim@973:         
tim@971:     });
tim@971: 
tim@975:     map.setCenter(INITIAL_CENTER);
tim@975: 
tim@975:     store = new GeoExt.data.WMSCapabilitiesStore({
tim@975:     });
tim@975:     store.load();
tim@975: 
tim@975:     grid = new Ext.grid.GridPanel({
tim@975:         id: 'wmsgrid',
tim@975:         collapsible: false,
tim@975:         split: false,
tim@975:         border: true,
tim@975:         //height: 400,
tim@975:         autoHeight: true,
tim@975:         store: store,
tim@975:         cm: new Ext.grid.ColumnModel([
tim@975:         {
tim@980:             header: '<bean:message key="gnviewer.mapclient.wms.load.grid.name"/>',
tim@975:             dataIndex: 'name',
tim@975:             sortable: true
tim@975:         },
tim@975:         {
tim@975:             id: 'title',
tim@980:             header: '<bean:message key="gnviewer.mapclient.wms.load.grid.title"/>',
tim@975:             dataIndex: 'title',
tim@975:             sortable: true
tim@975:         }]),
tim@975:         renderTo: 'capgrid',
tim@975:         bbar: [{
tim@980:             text: '<bean:message key="gnviewer.mapclient.wms.load.addlayer"/>',
tim@975:             handler: addLayer
tim@975:         }]
tim@975:     });
tim@975:     var cap = new Ext.Panel({
tim@975:         id: 'wmspanel',
tim@975:         border: true,
tim@975:         region: 'east',
tim@980:         title: '<bean:message key="gnviewer.mapclient.wms.load.title"/>',
tim@975:         collapsible: false,
tim@975:         split: false,
tim@975:         contentEl: 'cap',
tim@975:         height: 400
tim@975:     });
tim@975: 
tim@975:     var capfield = new Ext.form.TextField({
tim@975:         id: 'capfield',
tim@975:         region: 'east',
tim@975:         width: '100%',
tim@975:         renderTo: 'urlinput'
tim@975:     });
tim@975: 
tim@975:     var capbutton = new Ext.Button({
tim@975:         id: 'capbutton',
tim@975:         region: 'west',
tim@975:         handler: updateCapabilities,
tim@980:         text: '<bean:message key="gnviewer.mapclient.wms.load.bt.text"/>',
tim@980:         tooltip: '<bean:message key="gnviewer.mapclient.wms.load.bt.tooltip"/>',
tim@975:         renderTo: 'urlbutton'
tim@975:     });
tim@975: 
tim@975: 
tim@975: 
tim@971: 
tim@971: /* --------------------------- Layer Tree ----------------------------------- */
tim@971: 
tim@971: 
tim@971:     // LayerTree
tim@971:     var tree = new Ext.tree.TreePanel({
tim@971:         border: true,
tim@971:         enableDD: true,
tim@971:         region: "east",
tim@980:         title: "<bean:message key="gnviewer.mapclient.layercontrol"/>",
tim@971:         width: 200,
tim@971:         split: true,
tim@971:         collapsible: false,
tim@971:         collapseMode: "mini",
tim@971:         autoScroll: true,
tim@971:         loader: new Ext.tree.TreeLoader({
tim@971:             applyLoader: false,
tim@971:         }),
tim@971:         root: {
tim@971:             nodeType: "async",
tim@971:             children: [{
tim@971:                 nodeType: "gx_baselayercontainer",
tim@980:                 text: "<bean:message key="gnviewer.mapclient.layercontrol.baselayer"/>",
tim@971:                 expanded: true
tim@971:             }, {
tim@971:                 nodeType: "gx_overlaylayercontainer",
tim@980:                 text: "<bean:message key="gnviewer.mapclient.layercontrol.overlay"/>",
tim@971:                 expanded: true,
tim@971:                 loader: {
tim@971:                     filter: function(record) {
tim@971:                         var layer = record.get("layer");
tim@971:                         return layer.displayInLayerSwitcher === true &&
tim@971:                                layer.isBaseLayer === false;
tim@971:                     }
tim@971:                 }
tim@971:             }]
tim@971:         },
tim@971:         rootVisible: false,
tim@971:         lines: false
tim@971:     });
tim@971: 
tim@971: /*-------------------------------- Feature grid -------------------------------*/
tim@971: 
tim@971:     // create legend panel
tim@971:     legendPanel = new GeoExt.LegendPanel({
tim@971:         id: 'legendpanel',
tim@971:         dynamic: true,
tim@971:         border: true,
tim@980:         title: '<bean:message key="gnviewer.mapclient.legend"/>',
tim@971:         collapsible: false,
tim@971:         split: false,
tim@971:         defaults: {
tim@971:             labelCls: 'legend',
tim@971:             style: 'padding: 5px'
tim@971:         },
tim@971:         bodyStyle: 'padding:5px',
tim@971:         width: 250,
tim@971:         autoScroll: true,
tim@980:         region: 'east',
tim@971:     }); 
tim@971: 
tim@971: 
tim@971: // use separate panels
tim@971:     // Create GUI
tim@971:        
tim@971:     var mylegend = new Ext.Panel(
tim@971:         {
tim@971:             region: "west",
tim@971:             title: '',
tim@971:             split: true,
tim@971:             width: 250,
tim@971:             minSize: 225,
tim@971:             maxSize: 400,
tim@971:             collapsible: false,
tim@971:             overflow: 'auto',
tim@971:             margins: '0 0 0 5',
tim@971:             layout: 'accordion',
tim@971:             layoutConfig: {
tim@971:                 animate: true,
tim@971:                 activeOnTop: false
tim@971:             },
tim@971:             items: [
tim@971:                 tree,
tim@975:                 cap,
tim@971:                 legendPanel
tim@971:             ]
tim@971:         }
tim@971:         );
tim@971:     
tim@971:     // The main panel
tim@971:     new Ext.Panel({
tim@971:         renderTo: "mapcontainer",
tim@971:         layout: "border",
tim@980:         height: 400,
tim@971:         items: [mapPanel, mylegend]
tim@971:     });
tim@971: 
tim@971: });