update geomap.html

html/geomap.html

@@ -3,9 +3,36 @@
   <link rel="stylesheet" href="theme/default/style.css" type="text/css" />
 
   <style type="text/css">
+    body, html {
+      margin: 0; padding: 0;
+    }
     #map {
-		width: 100%;
-		height: 100%;
+    float: left;
+    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; }
   </style>
@@ -40,15 +67,9 @@
       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);
 
-			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 zoom = 11
@@ -69,7 +90,7 @@
 
       map.addLayer(vectorLayer);
 
-			selectControl = new OpenLayers.Control.SelectFeature(map.layers[3],
+      selectControl = new OpenLayers.Control.SelectFeature(map.layers[1],
         {onSelect: onFeatureSelect, onUnselect: onFeatureUnselect});
       map.addControl(selectControl);
       selectControl.activate();
@@ -120,3 +141,4 @@
   <h2>Knotenkarte</h2>
 	<div id="map"></div>
 </body>
+</html>