add zooming and map style selection
[lantea.git] / index.html
CommitLineData
23cd2dcc
RK
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
8383f143
RK
38<!DOCTYPE html>
39<html manifest="manifest.appcache">
40<head>
41 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
b47b4a65 42 <title>Lantea Map</title>
23cd2dcc
RK
43 <script src="js/map.js"></script>
44 <script src="js/ui.js"></script>
45 <link rel="stylesheet" href="style/lantea.css">
8383f143
RK
46</head>
47<body>
b47b4a65
RK
48<h1>Lantea Map</h1>
49
50<div id="overlayArea">
51<input type="button" id="zoomInButton" value="+"
52 onclick="zoomIn();">
53<input type="button" id="zoomOutButton" value="-"
54 onclick="zoomOut();"><br/>
55<input type="button" id="settingsButton" value="Settings"
56 onclick="toggleSettings();">
57<fieldset id="settings"><legend>Settings</legend>
58Map style:
59<select id="mapSelector" onclick="setMapStyle();">
60<!-- option value="osm_mapnik">OpenStreetMap (Mapnik)</option -->
61</select>
62</fieldset>
63</div>
8383f143 64
23cd2dcc
RK
65<canvas id="map" width="500" height="500">
66 Please use a browser that supports &lt;canvas&gt; elements.
67</canvas>
68
b47b4a65 69<p id="copyright"></p>
8383f143 70
23cd2dcc
RK
71</body>
72</html>