forked from jojorb/cozy-map
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
150 lines (146 loc) · 7.48 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<html>
<head>
<meta charset='utf-8'>
<title>Map</title>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
<link rel='stylesheet' href='styles/styles.css' />
<link rel='stylesheet' href='/fonts/fonts.css'>
</head>
<body>
<div id="sidebar" class="sidebar collapsed">
<!-- Nav tabs -->
<div class="sidebar-tabs">
<ul role="tablist">
<li><a href="#explore" role="tab"><i class="fa fa-search">
</i></a></li>
<li><a href="#maplayers" role="tab"><i class="fa fa-map">
</i></a></li>
</ul>
<ul role="tablist">
<li><a href="#info" role="tab"><i class="fa fa-info">
</i></a></li>
<li><a href="#settings" role="tab"><i class="fa fa-gear">
</i></a></li>
</ul>
</div>
<div class="sidebar-content">
<div class="sidebar-pane" id="explore">
<h1 class="sidebar-header">Explore<span class="sidebar-close">
<i class="fa fa-angle-double-left"></i></span>
</h1>
<div id="searchiconbar" class="searchbar">
<table style="width:100%">
<tr>
<th id="qsearchplace" class="searchqueryioff sbs">
<i class="fa fa-map-marker fa-2x"></i>
</th>
<th id="qsearchroute" class="searchqueryion sbs">
<i class="fa fa-car fa-2x"></i>
</th>
<th id="qsearchop" class="searchqueryion sbs">
<i class="fa fa-thumb-tack fa-2x"></i>
</th>
</tr>
</table>
</div>
<div id="sidebarex" class="search-divshow"></div>
<div id="sidebarlrm" class="search-divhidden"></div>
<div id="sidebaroverpass" class="search-divhidden">
<div id="optinput"></div>
<br>
<h2><center>Easy data mining on OpenStreetMap</h2>
<span>This search is design to aggregate some Point Of Interest inside
the map view (bbox). For better knowledge in query construction you
can check the documentation of <a target='_blank'
href='http://wiki.openstreetmap.org/wiki/Overpass_turbo'>Overpass</a>
or click on the marker to drop it on the map and let you select
where you want to query all nodes into a 25 meters radius.
<div id="pineditor" align="center"></div>
<div id="respineditor" align="right"></div>
<br><b><u>Example: </u></b><br>
<i class="fa fa-tint"></i> [amenity=drinking_water]<br>
<i class="fa fa-fire-extinguisher"></i>[emergency=fire_hydrant]<br>
<i class="fa fa-envelope-o"></i>[amenity=post_box]<br>
<i class="fa fa-beer"></i>[amenity=pub][microbrewery=yes]<br>
<i class="fa fa-cutlery"></i> [cuisine=japanese]<br>
<i class="fa fa-cutlery"></i> [amenity=fast_food][name="Big Fernand"]<br>
<i class="fa fa-subway"></i> [railway=station]
</span>
</div>
</div>
<div class="sidebar-pane" id="maplayers">
<h1 class="sidebar-header">Map Layer<span class="sidebar-close">
<i class="fa fa-angle-double-left"></i></span>
</h1>
<div id="maplayerselect">
<span><i class="fa fa-globe"></i><b> Basemap</b></span><br>
<label><input
type="radio" name="basemap" value="losm" checked> Map OSM</label>
<br>
<label><input
type="radio" name="basemap" value="lesri"> Sat Imagery</label>
<br>
<label><input
type="radio" name="basemap" value="ldcarto"> Simple Dark</label>
<br>
<hr>
<span><i class="fa fa-object-group"></i><b> Overlay</b></span><br>
<label><input
type="checkbox" id="weeStations"> Weather Stations</label>
</div>
</div>
<div class="sidebar-pane" id="info">
<h1 class="sidebar-header">Info<span class="sidebar-close">
<i class="fa fa-angle-double-left"></i></span></h1>
<h2>Documentation</h2>
<p class="sidebar-topics"><span>
<i class="fa fa-github"></i>
<a target='_blank'
href='https://github.com/RobyRemzy/cozy-map/wiki'>Map Wiki</a></span></p>
<b>General Tips:</b><br>
There are probably some bunch of Konnectors ideas around that App,
let us know which one you would like.<br>
<b>Search Tips:</b><br>
You can remove from the map some markers by double click on them or
simply by clicking on the cross button inside the search slug.
Some markers are draggable at any times. This feature is available
during a route search.<br>
<b>Layer Tips:</b><br>
About the the weather stations, we will be happy to merge your
personal weather station inside the database if you have an online one.<br>
<b>Beta Tips:</b><br>
You are able to Auth on OpenStreetMap from the App inside "Settings".
This is a test to explore the Auth protocol, it would ease the way
to contribute to OpenStreetMap or any other OSM projects.<br>
<h2>Beta Projects in progress</h2>
<p class="sidebar-topics"><span>
<i class="fa fa-location-arrow fa-rotate-90 fa-1x"></i> <i>Beta</i>
Mapillary</span></p>
Mapillary's WebGL JavaScript library for displaying street level imagery anywhere!<p></p>
<p class="sidebar-topics"><span>
<i class="fa fa-subway"></i> <i>Beta</i>
Tangrams TransitLand</span></p>
An open source project sponsored by Mapzen.<p></p>
</div>
<div class="sidebar-pane" id="settings">
<h1 class="sidebar-header">Settings<span class="sidebar-close">
<i class="fa fa-angle-double-left"></i></span></h1>
<h2 class="sidebar-topics"><span><i class="fa fa-map-o">
</i> OpenStreetMap</span></h2><p></p>
<i class="urlzxy"></i>
<a href="#" id="authenticate"><i class="fa fa-user"></i> Log in</a><br>
<a href="#" id="logout"><i class="fa fa-user"></i> Log out</a><br>
<hr>
<span><center><a target='_blank'
href='http://osmlab.github.io/attribution-mark/copyright?name=Cozy-Map'
style='background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAB11BMVEXZ2dlkZGT///////////8mJibIyMj5+fm6urr///8sLCywsLBJSUn///9eXl7////////j4+P////////Q0ND////u7u7i4uIfHx/s7OxmZmZzc3P39/fw8PDg4OD5+fmNjY1cXFz5+flQUFBGRkaIiIhtbW3///////9hYWHS0tKlpaWsrKzZ2dmgoKCpqalycnLg4OCCgoJLS0tEREQlJSX9/f3///8/Pz/e3t4jIyP///////////+/v7+Ghobp6enDw8Pl5eVXV1f////////U1NT////////////////l5eW1tbX///+4uLj////////////////////////////w8PDNzc3GxsYuLi7w8PD///////9paWmvr6/c3NwhISHe3t5UVFQfHx/y8vLn5+d3d3eXl5f////09PTs7Oz///8zMzN8fHz///+UlJT////////u7u44ODj////p6en///86Ojqurq5ZWVlfX1////////8hISFBQUGioqIlJSXV1dV6enoqKioxMTH39/eLi4s4ODj///9ra2ubm5v9/f3Nzc28vLz///9LS0v///////////+FhYUdHR3////X19cjIyM2Njaenp7///8AAAAbGxtl93oXAAAAnXRSTlNzcE9udnpweG9Gem50TnI9Z3VgbHEWeHR9dnBvendzfG5ye3N0b3A4I3Fxbm5ybm5wdG5zdXt0NHVze14eMW9udW90cld4cUdSFx11bnJvHG1ANj8VQnlwcHl4H1xwb3N8dHN8eXZvbnV5d0t4byluAyd3dwt2VnZucnEvCn11bnxyb3p4e252BHBufXFvYnRzZQxvfWpyfHdufQB9fOn/1AAAAY5JREFUKM+V0mVvwzAQBuCMmZmZmZmZmZmZGcpMa7ukWXK5H7ukVbOpmqbt/WDZfiRLdz6C+8oqAPh6+8BqnANaOI74RoASydLisnzRdiGt9yQa9pVglC7LYws8advLTxEWoJaGx1x6ksx/LdQetI5R55xIE4O2+yvhwZDgwxUaobDh1kn6F/ud9vSMBu3p5lLgycqGAZosjneCe52zLTyjEB17DRAdERkva0Rk34h3x+gNinmy7FqyKOcWiDcWfw4QgL+TXC2sH8yOJ9V1AXRaUZmdkZqCALX4APDhotKjbcZ8LDkyoiyBp3I0ipRWgVgDORu768mJCFt3uEe4SXPA1wRFqgPatEVBJpyZSDcpFBR2mKzFubgGN5BfpjEb3GTVdJtNRqrq+DE9aQcMJFSKhIyW7UFsri7JUyHJqMhNhqT+UPL/iO+8ix4e5y1P38A6zv+X0Pln89jU7LT9mtU575mLkcmZV47/r/Y9+4temIKhARutVO/3H54Mc87ZuG1rFQfn8uq+r/dc7zp8AmmAXy4xp9xiAAAAAElFTkSuQmCC) no-repeat; background-size:26px 26px;width:24px;height:24px;display:block;z-index:1000;'></a></center></span>
<hr>
</div>
</div>
</div>
<div id='map' class='sidebar-map'></div>
<script src="vendor/jquery-1.12.3.min.js"></script>
<script src='vendor/cozysdk-client.js'></script>
<script src='build/map.min.js'></script>
</body>
</html>