optimize panning, and some cleanup
[lantea.git] / index.html
index 2bfb6b56d80f5b536e763fe8521394018a7b53d6..a3cb130b2c2a7b8546c65199566585fd7715159e 100644 (file)
        https://developer.mozilla.org/en/Mobile/Viewport_meta_tag -->
   <meta name="viewport" content="width=device-width, height=device-height, initial-scale=.6667, maximum-scale=.6667">
   <title>Lantea Maps</title>
-  <script src="js/map.js"></script>
-  <script src="js/ui.js"></script>
+  <script src="js/map.js" type="application/javascript;version=1.8"></script>
+  <script src="js/ui.js" type="application/javascript;version=1.8"></script>
   <link rel="stylesheet" href="style/lantea.css">
   <link rel="shortcut icon" href="style/lanteaIcon16.png" type="image/png">
 </head>
-<body>
+<body id="body">
 <h1>Lantea Map</h1>
 
 <div id="menuArea" class="overlayArea">
@@ -25,7 +25,7 @@
 <input type="button" id="saveTrackButton" value="Save"
        onclick="saveTrack();">
 <input type="button" id="dumpTrackButton" value="Dump"
-       onclick="saveTrackDump();" class="debugHideX">
+       onclick="saveTrackDump();" class="debugHide">
 <input type="button" id="clearTrackButton" value="Clear"
        onclick="clearTrack();"><br/>
 <input type="checkbox" id="trackCheckbox"
@@ -53,12 +53,20 @@ Map style:
        onclick="zoomOut();">
 </div>
 
+<div id="fullscreenArea" class="overlayArea">
+<!-- other possible characters: &#x25F0; -->
+<input type="button" id="fullscreenButton" value="&#x25A3;"
+       onclick="toggleFullscreen();">
+</div>
+
 <p id="debug" class="debugHide"></p>
 <p id="copyright" class="overlayArea"></p>
 
 <canvas id="map" width="500" height="500">
   Please use a browser that supports &lt;canvas&gt; elements.
 </canvas>
+<canvas id="track" width="500" height="500">
+</canvas>
 
 </body>
 </html>
\ No newline at end of file