Geodatenportal.app = function() {
// private vars:
var toolbar, viewport, vectorLayer;
// public space:
return {
// for debug, we make this property public:
vector: null,
setStatus: function(text) {
Ext.getCmp('statusBar').body.dom.innerHTML = text;
},
init: function() {
//////////////////////////////////////////////
// Map Initialisieren
///////////////////////////////////////////////////////
var extent = new OpenLayers.Bounds(140000, 10000, 190000, 40000);
var ovextent = new OpenLayers.Bounds(138000, 8000, 192000, 42000);
map = new OpenLayers.Map( {
projection: "EPSG:21780",
controls: [],
numZoomLevels: 40,
maxResolution: 'auto',
maxExtent: extent,
theme: null,
fractionalZoom: true,
scales: [ 175000, 150000, 125000, 100000, 80000, 60000, 40000, 30000, 20000, 18500, 15000, 10000, 8000, 4000, 2500],
units: 'm'
});
layerstore= new layerstore(map);
vectorLayer = layerstore.getLayer('skizze');
map.addLayer(vectorLayer);
var layer1 = new OpenLayers.Layer.WMS( "Landeskarte", "http://geoservices.llv.li/cgi-bin/mapserv.exe?map=/ms4w/apps/llv/service/landeskarte_tale.map&",
{'layers' : 'pk100,pk50,pk25,pk10,TBLI' },
{ opacity: 0.85 , attribution: 'PK100 © Swisstopo (DV043727)', buffer: 0, ratio: 1, isBaseLayer: true, singleTile: false,
transitionEffect: 'none', visibility: false, tileSize: new OpenLayers.Size(512,512)} );
var layer2 = new OpenLayers.Layer.WMS( "Luftbild", "http://geoservices.llv.li/cgi-bin/mapserv.exe?map=/ms4w/apps/llv/service/geoshop.map&",
{layers: 'ortho2009'},
{ buffer: 0 , ratio: 1 , isBaseLayer: true, transitionEffect: 'resize', visibility: true, tileSize: new OpenLayers.Size(512,512)} );
map.addLayer(layer1);
map.addLayer(layer2);
var oev = new OpenLayers.Layer.GeoShop( "Buslinien", serverurl + "/webclient", { view: 'OeVerkehr', layers:'OeVLinieEisenbahn20,OeVLinieLBA20,OeVHaltestelleLBA20,OeVHaltestelleEisenbahn20', background_color: 'transparent'}, { metaID: '8d92d381-d3f4-4742-a848-46b82d9106d2', visibility:true, displayInLayerSwitcher: false, isBaseLayer: false, ratio: 1, singleTile: true, opacity: 0.8} );
map.addLayer(oev);
////////////////////////////////////////////////////////////////////////////////
// Toolbar
/////////////////////////////////////////////////////////////////////////////////////////////////////////
Ext.QuickTips.init();
mytoolbar =new llvtoolsbar(map,vectorLayer);
mytoolbar.addItem ('zoom');
mytoolbar.addItem ('fi');
mytoolbar.addItem ('redline');
mytoolbar.addItem ('pr');
mytoolbar.addItem ('prpdf');
mytoolbar.addItem ('scale');
mytoolbar.addItem ('measure');
mytoolbar.addItem ('mousepos');
mytoolbar.addItem ('info');
mytoolbar.featureinfo.addLayer("Buslinien","OeVLinieLBA20");
mytoolbar.featureinfo.addLayer("Buslinien","OeVHaltestelleLBA20");
mytoolbar.featureinfo.proxy='/proxy.php?url='
nav= new OpenLayers.Control.Navigation( {mouseWheelOptions: {interval: 100}} );
map.addControl(nav);
nav.handlers.wheel.cumulative = true;
//////////////////////////////////////////////////////////////////////
// Viewport initialisiereun
////////////////////////////////////////////////////////////////////////
var leg='';
leg+= '';
leg+='
Legende
';
/* leg+='
';
leg+=' ';
leg+=' | ';
leg+=' | ';
leg+=' ';
leg+=' | ';
leg+=' ';
leg+=' Post | ';
leg+='
';
leg+='
';
*/
// leg+='
';
leg+='
';
leg+=' ';
leg+=' | ';
leg+=' | ';
leg+=' ';
leg+=' | ';
leg+=' ';
leg+=' Umkreis 5 Gehminuten
(300m) | ';
leg+='
';
leg+=' ';
leg+=' | ';
leg+=' | ';
leg+=' ';
leg+=' | ';
leg+=' ';
leg+=' Umkreis 7 Gehminuten
(420m) | ';
leg+='
';
leg+='
';
leg+='
Buslinien
';
leg+='
';
leg+=' ';
leg+=' | ';
leg+=' | ';
leg+=' ';
leg+=' | ';
leg+=' ';
leg+=' Linie 11 | ';
leg+='
';
leg+=' ';
leg+=' | ';
leg+=' | ';
leg+=' | ';
leg+=' ';
leg+=' ';
leg+=' ';
leg+=' Linie 12 | ';
leg+='
';
leg+=' ';
leg+=' | ';
leg+=' | ';
leg+=' | ';
leg+=' ';
leg+=' ';
leg+=' ';
leg+=' Linie 13 | ';
leg+='
';
leg+=' ';
leg+=' | ';
leg+=' | ';
leg+=' | ';
leg+=' ';
leg+=' ';
leg+=' ';
leg+=' Linie 14 | ';
leg+='
';
leg+=' ';
leg+=' | ';
leg+=' | ';
leg+=' | ';
leg+=' ';
leg+=' ';
leg+=' ';
leg+=' Linie 21 | ';
leg+='
';
leg+=' ';
leg+=' | ';
leg+=' | ';
leg+=' | ';
leg+=' ';
leg+=' ';
leg+=' ';
leg+=' Linie 22 | ';
leg+='
';
leg+=' ';
leg+=' | ';
leg+=' | ';
leg+=' | ';
leg+=' ';
leg+=' ';
leg+=' ';
leg+=' Linie 24 | ';
leg+='
';
leg+=' ';
leg+=' | ';
leg+=' | ';
leg+=' | ';
leg+=' ';
leg+=' ';
leg+=' ';
leg+=' Linie 26 | ';
leg+='
';
leg+=' ';
leg+=' | ';
leg+=' | ';
leg+=' | ';
leg+=' ';
leg+=' ';
leg+=' ';
leg+=' Linie 31/32 | ';
leg+='
';
leg+=' ';
leg+=' | ';
leg+=' | ';
leg+=' | ';
leg+=' ';
leg+=' ';
leg+=' ';
leg+=' Linie 33 | ';
leg+='
';
leg+=' ';
leg+=' | ';
leg+=' | ';
leg+=' | ';
leg+=' ';
leg+=' ';
leg+=' ';
leg+=' Linie 34 | ';
leg+='
';
leg+='';
leg+=' ';
leg+=' | ';
leg+=' | ';
leg+=' | ';
leg+=' ';
leg+=' ';
leg+=' ';
leg+=' Linie 35 | ';
leg+='
';
leg+=' ';
leg+=' | ';
leg+=' | ';
leg+=' | ';
leg+=' ';
leg+=' ';
leg+=' ';
leg+=' Linie 36E | ';
leg+='
';
leg+='
';
leg+='
Eisenbahn
';
leg+='
';
leg+=' ';
leg+=' | ';
leg+=' | ';
leg+=' | ';
leg+=' ';
leg+=' ';
leg+=' Bahnlinie | ';
leg+='
';
leg+='
';
leg+='
Download
';
leg+='
Testdaten für Google Earth
';
leg+='
';
leg+='
';
leg+= '
Themen
Übersichtskarte
',
border: false
}
]
}
,
{
region: "center",
id: "mappanel",
border: false,
margins: '7 7 0 0 ',
xtype: "gx_mappanel",
map: map,
tbar: mytoolbar.toolbarItems,
split: true,
items: [{
xtype: "gx_zoomslider",
vertical: true,
height: 120,
x: 10,
y: 20,
plugins: new GeoExt.ZoomSliderTip({ template: "Massstab ca. 1:{scale}
Zoomstufe: {zoom}" })
}]
}
,
{
region: 'south',
id: 'statusBar',
border: false,
bodyStyle: 'text-align:left;padding:0px;',
height: 25,
margins: '7 0 0 0',
frame: true,
html: 'a status bar'
}
]
});
////////////////////// Ende Vieport ////////////////////////
///////////////////////////////////////////////////
// Layer Tree erstellen und rendern
///////////////////////////////////////////////
var base = new GeoExt.tree.BaseLayerContainer({
text: 'Hintergrund',
leaf: false,
expanded: true
});
var over = new GeoExt.tree.LayerContainer({
text: 'Themen',
leaf: false,
expanded: true,
loader: {
filter: function(record) {
var isOK = false;
if ( (record.get("layer").name.indexOf("Bus") != -1 )) { isOK = true}
return isOK;
}
}
});
var layerRoot = new Ext.tree.TreeNode({
expanded: true,
text: 'Geodatenportal'
});
var layerTree = new GeoExt.ux.tree.LayerTreeBuilder({
renderTo: document.getElementById('tree'),
autoScroll: true,
header: false,
title: "Layerliste",
root: layerRoot,
rootVisible: true,
enableDD: true,
collapsible: true,
lines: false,
border: false,
// widget custom properties
wmsLegendNodes: false,
vectorLegendNodes: false
});
/*
var tree = new Ext.tree.TreePanel({
renderTo: document.getElementById('tree'),
root: root,
enableDD: true,
x: 3,
y: 3
});
*/
layerRoot.appendChild (base);
layerRoot.appendChild (over);
////////////////////////////////////////////////////
// Map ergaenzen und initialisieren
////////////////////////////////////////////////////
var ovlayer = new OpenLayers.Layer.GeoShop( "Reliefkarte", serverurl + "/webclient", {'view': 'pixelk_10_100_farbig_tale'}, { projection: "EPSG:21780", ratio: 1, singleTile: true });
var overview = new OpenLayers.Control.OverviewMap({layers: [ovlayer], minRatio: '100', maxRatio: '200', size: new OpenLayers.Size(260,225), 'div': document.getElementById('overview'), mapOptions: {maxExtent: ovextent, theme: null}});
map.addControl(overview);
// map.zoomToMaxExtent();
// update_scaleform
map.addControl(new OpenLayers.Control.ScaleLine());
// update_scaleform ;
this.setStatus('Status: ready');
update_scaleform();
map.sBar = new searchBar (map, 1600, "- - - Haltestelle suchen - - -",4);
map.sBar.writeDOM ("Search","font-family:Areal; font-size:8px: align:left");
}
};
}(); // end of app