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"> | |
68afcd96 | 9 | <!-- try to force a 1:1 scaling on mobile, see |
6b1e7340 | 10 | https://developer.mozilla.org/en/Mobile/Viewport_meta_tag --> |
68afcd96 | 11 | <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1"> |
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 | ||
68afcd96 RK |
62 | <p id="action"> |
63 | <img id="actionimg" src="style/loading_action.png"> | |
64 | <span id="actionlabel">Loading</span>… | |
65 | </p> | |
b5c85133 | 66 | <p id="copyright" class="overlayArea"></p> |
6b1e7340 | 67 | |
23cd2dcc RK |
68 | <canvas id="map" width="500" height="500"> |
69 | Please use a browser that supports <canvas> elements. | |
70 | </canvas> | |
4b1d0915 RK |
71 | <canvas id="track" width="500" height="500"> |
72 | </canvas> | |
23cd2dcc | 73 | |
23cd2dcc RK |
74 | </body> |
75 | </html> |