Commit | Line | Data |
---|---|---|
a7393a71 RK |
1 | <!-- This Source Code Form is subject to the terms of the Mozilla Public |
2 | - License, v. 2.0. If a copy of the MPL was not distributed with this file, | |
3 | - You can obtain one at http://mozilla.org/MPL/2.0/. --> | |
23cd2dcc | 4 | |
8383f143 RK |
5 | <!DOCTYPE html> |
6 | <html manifest="manifest.appcache"> | |
7 | <head> | |
8 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
6b1e7340 RK |
9 | <!-- try to counts default scaling on mobile, see |
10 | https://developer.mozilla.org/en/Mobile/Viewport_meta_tag --> | |
11 | <meta name="viewport" content="width=device-width, height=device-height, initial-scale=.6667, maximum-scale=.6667"> | |
753078ce | 12 | <title>Lantea Maps</title> |
b5e49b95 RK |
13 | <script src="js/map.js" type="application/javascript;version=1.8"></script> |
14 | <script src="js/ui.js" type="application/javascript;version=1.8"></script> | |
23cd2dcc | 15 | <link rel="stylesheet" href="style/lantea.css"> |
b395419b | 16 | <link rel="shortcut icon" href="style/lanteaIcon16.png" type="image/png"> |
8383f143 | 17 | </head> |
c5378747 | 18 | <body id="body"> |
b47b4a65 RK |
19 | <h1>Lantea Map</h1> |
20 | ||
336097e2 | 21 | <div id="menuArea" class="overlayArea"> |
993fd081 RK |
22 | <input type="button" id="trackButton" value="Track" |
23 | onclick="toggleTrackArea();"><br/> | |
24 | <fieldset id="trackArea"><legend>Track</legend> | |
25 | <input type="button" id="saveTrackButton" value="Save" | |
26 | onclick="saveTrack();"> | |
4b12da3a | 27 | <input type="button" id="dumpTrackButton" value="Dump" |
b91b74a7 | 28 | onclick="saveTrackDump();" class="debugHide"> |
993fd081 RK |
29 | <input type="button" id="clearTrackButton" value="Clear" |
30 | onclick="clearTrack();"><br/> | |
3610c22d RK |
31 | <input type="checkbox" id="trackCheckbox" |
32 | onchange="setTracking(this);"> | |
33 | <label for="trackCheckbox">Enable tracking</label><br/> | |
34 | <input type="checkbox" id="centerCheckbox" | |
35 | onchange="setCentering(this);"> | |
36 | <label for="centerCheckbox">Center Map</label><br/> | |
993fd081 | 37 | </fieldset> |
b47b4a65 | 38 | <input type="button" id="settingsButton" value="Settings" |
993fd081 RK |
39 | onclick="toggleSettings();"><br/> |
40 | <fieldset id="settingsArea"><legend>Settings</legend> | |
b47b4a65 | 41 | Map style: |
3610c22d | 42 | <select id="mapSelector" onchange="setMapStyle();"> |
b47b4a65 RK |
43 | <!-- option value="osm_mapnik">OpenStreetMap (Mapnik)</option --> |
44 | </select> | |
45 | </fieldset> | |
46 | </div> | |
8383f143 | 47 | |
336097e2 RK |
48 | <div id="zoomArea" class="overlayArea"> |
49 | <input type="button" id="zoomInButton" value="+" | |
50 | onclick="zoomIn();"><br/> | |
51 | <span id="zoomLevel">Z</span><br/> | |
52 | <input type="button" id="zoomOutButton" value="-" | |
53 | onclick="zoomOut();"> | |
54 | </div> | |
55 | ||
c5378747 RK |
56 | <div id="fullscreenArea" class="overlayArea"> |
57 | <!-- other possible characters: ◰ --> | |
58 | <input type="button" id="fullscreenButton" value="▣" | |
59 | onclick="toggleFullscreen();"> | |
60 | </div> | |
61 | ||
6b1e7340 | 62 | <p id="debug" class="debugHide"></p> |
b5c85133 | 63 | <p id="copyright" class="overlayArea"></p> |
6b1e7340 | 64 | |
23cd2dcc RK |
65 | <canvas id="map" width="500" height="500"> |
66 | Please use a browser that supports <canvas> elements. | |
67 | </canvas> | |
4b1d0915 RK |
68 | <canvas id="track" width="500" height="500"> |
69 | </canvas> | |
23cd2dcc | 70 | |
23cd2dcc RK |
71 | </body> |
72 | </html> |