2864474d3ccb369ce1b9f3893fe7508ce206ed89
[lantea.git] / index.html
1 <!-- ***** BEGIN LICENSE BLOCK *****
2    - Version: MPL 1.1/GPL 2.0/LGPL 2.1
3    -
4    - The contents of this file are subject to the Mozilla Public License Version
5    - 1.1 (the "License"); you may not use this file except in compliance with
6    - the License. You may obtain a copy of the License at
7    - http://www.mozilla.org/MPL/
8    -
9    - Software distributed under the License is distributed on an "AS IS" basis,
10    - WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
11    - for the specific language governing rights and limitations under the
12    - License.
13    -
14    - The Original Code is Lantea mapping/tracking web app.
15    -
16    - The Initial Developer of the Original Code is
17    - Robert Kaiser <kairo@kairo.at>.
18    - Portions created by the Initial Developer are Copyright (C) 2011
19    - the Initial Developer. All Rights Reserved.
20    -
21    - Contributor(s):
22    -   Robert Kaiser <kairo@kairo.at> (original author)
23    -
24    - Alternatively, the contents of this file may be used under the terms of
25    - either the GNU General Public License Version 2 or later (the "GPL"), or
26    - the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
27    - in which case the provisions of the GPL or the LGPL are applicable instead
28    - of those above. If you wish to allow use of your version of this file only
29    - under the terms of either the GPL or the LGPL, and not to allow others to
30    - use your version of this file under the terms of the MPL, indicate your
31    - decision by deleting the provisions above and replace them with the notice
32    - and other provisions required by the LGPL or the GPL. If you do not delete
33    - the provisions above, a recipient may use your version of this file under
34    - the terms of any one of the MPL, the GPL or the LGPL.
35    -
36    - ***** END LICENSE BLOCK ***** -->
37
38 <!DOCTYPE html>
39 <html manifest="manifest.appcache">
40 <head>
41   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
42   <title>Lantea Map</title>
43   <script src="js/map.js"></script>
44   <script src="js/ui.js"></script>
45   <link rel="stylesheet" href="style/lantea.css">
46   <link rel="shortcut icon" href="style/lanteaIcon16.png" type="image/png">
47 </head>
48 <body>
49 <h1>Lantea Map</h1>
50
51 <div id="overlayArea">
52 <input type="button" id="zoomInButton" value="+"
53        onclick="zoomIn();">
54 <span id="zoomLevel">Z</span>
55 <input type="button" id="zoomOutButton" value="-"
56        onclick="zoomOut();"><br/>
57 <input type="button" id="trackButton" value="Track"
58        onclick="toggleTrackArea();"><br/>
59 <fieldset id="trackArea"><legend>Track</legend>
60 <input type="button" id="saveTrackButton" value="Save"
61        onclick="saveTrack();">
62 <input type="button" id="clearTrackButton" value="Clear"
63        onclick="clearTrack();"><br/>
64 <input type="checkbox" id="trackCheckbox"
65        onchange="setTracking(this);">
66 <label for="trackCheckbox">Enable tracking</label><br/>
67 <input type="checkbox" id="centerCheckbox"
68        onchange="setCentering(this);">
69 <label for="centerCheckbox">Center Map</label><br/>
70 </fieldset>
71 <input type="button" id="settingsButton" value="Settings"
72        onclick="toggleSettings();"><br/>
73 <fieldset id="settingsArea"><legend>Settings</legend>
74 Map style:
75 <select id="mapSelector" onchange="setMapStyle();">
76 <!-- option value="osm_mapnik">OpenStreetMap (Mapnik)</option -->
77 </select>
78 </fieldset>
79 </div>
80
81 <canvas id="map" width="500" height="500">
82   Please use a browser that supports &lt;canvas&gt; elements.
83 </canvas>
84
85 <p id="debug"></p>
86 <p id="copyright"></p>
87
88 </body>
89 </html>