two maps in the skeleton example

2012-07-18 16:32:16 +02:00
parent aab2bc093a
commit b53e5a3fda
2 changed files with 45 additions and 19 deletions
@@ -1,17 +1,26 @@
 <!doctype html>
 <html>
-	<head>
-		<style type="text/css">
-			html, body, #map {
-				margin: 0;
-				overflow: hidden;
-				padding: 0;
-				height: 100%;
-			}
-		</style>
-	</head>
-	<body>
-		<div id="map"></div>
-		<script src="http://localhost:9810/compile?id=ol-skeleton" type="text/javascript"></script>
-	</body>
+    <head>
+        <style type="text/css">
+            .map {
+                width: 400px;
+                height: 400px;
+                border: thin solid;
+                position: absolute;
+            }
+            #map1 {
+                left: 5px;
+                top: 5px;
+            }
+            #map2 {
+                left: 450px;
+                top: 5px;
+            }
+        </style>
+    </head>
+    <body>
+        <div id="map1" class="map"></div>
+        <div id="map2" class="map"></div>
+        <script src="http://localhost:9810/compile?id=ol-skeleton" type="text/javascript"></script>
+    </body>
 </html>