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">
<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"
onclick="zoomOut();">
</div>
+<div id="fullscreenArea" class="overlayArea">
+<!-- other possible characters: ◰ -->
+<input type="button" id="fullscreenButton" value="▣"
+ 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 <canvas> elements.
</canvas>
+<canvas id="track" width="500" height="500">
+</canvas>
</body>
</html>
\ No newline at end of file