update geomap.html

This commit is contained in:
Nils Schneider 2012-05-12 16:49:12 +02:00
parent f05e6a3a26
commit 54e0461471

View file

@ -3,9 +3,36 @@
<link rel="stylesheet" href="theme/default/style.css" type="text/css" /> <link rel="stylesheet" href="theme/default/style.css" type="text/css" />
<style type="text/css"> <style type="text/css">
body, html {
margin: 0; padding: 0;
}
#map { #map {
width: 100%; float: left;
height: 100%; width: 80%;
box-sizing:border-box;
}
#infobox {
box-sizing:border-box;
width: 20%;
vertical-align: top;
float: right;
padding: 1em;
}
body {
font:80%/100% 'helvetica neue',sans-serif,'arial';
color: #666;
}
h2 {
margin: 0 0 1em;
color: #f60;
}
li {
margin-bottom: 0.5em;
}
ul {
padding-left: 2em;
} }
.olPopup p { margin:0px; } .olPopup p { margin:0px; }
</style> </style>
@ -40,15 +67,9 @@
displayProjection: new OpenLayers.Projection("EPSG:4326") displayProjection: new OpenLayers.Projection("EPSG:4326")
} ); } );
var layerMapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik"); var layerMapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", {opacity: 0.5});
map.addLayer(layerMapnik); map.addLayer(layerMapnik);
var layerTilesAtHome = new OpenLayers.Layer.OSM.Osmarender("Osmarender");
map.addLayer(layerTilesAtHome);
var layerCycleMap = new OpenLayers.Layer.OSM.CycleMap("CycleMap");
map.addLayer(layerCycleMap);
var center = new OpenLayers.LonLat(153.02775, -27.47558).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject()); var center = new OpenLayers.LonLat(153.02775, -27.47558).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject());
var zoom = 11 var zoom = 11
@ -69,7 +90,7 @@
map.addLayer(vectorLayer); map.addLayer(vectorLayer);
selectControl = new OpenLayers.Control.SelectFeature(map.layers[3], selectControl = new OpenLayers.Control.SelectFeature(map.layers[1],
{onSelect: onFeatureSelect, onUnselect: onFeatureUnselect}); {onSelect: onFeatureSelect, onUnselect: onFeatureUnselect});
map.addControl(selectControl); map.addControl(selectControl);
selectControl.activate(); selectControl.activate();
@ -120,3 +141,4 @@
<h2>Knotenkarte</h2> <h2>Knotenkarte</h2>
<div id="map"></div> <div id="map"></div>
</body> </body>
</html>