This repository has been archived by the owner on Jul 20, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
data.shtml
161 lines (143 loc) · 7.17 KB
/
data.shtml
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
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html>
<head>
<title data-i18n="data.page-title">Data | MapSwipe</title>
<!-- Start Component -->
<!--#include virtual="/markup/components/metas.shtml" -->
<!-- End Component -->
</head>
<body class="page-data" onload="initMap()">
<!-- Start Component -->
<!--#include virtual="/markup/components/gtm.shtml" -->
<!-- End Component -->
<!-- Start Component -->
<!--#include virtual="/markup/components/header.shtml" -->
<!-- End Component -->
<div class="hero-container">
<div class="wrapper">
<div class="hero-content">
<h1 class="hero-heading" data-i18n="[html]data.hero-heading">Swiping is just the beginning.<br>Explore the data.</h1>
<p class="hero-subheading" data-i18n="data.hero-subheading">What areas have been mapped? Where is being mapped right now? Which users are leading
the way? Find these answers and more.</p>
</div>
</div>
</div>
<div class="section">
<div class="section-container section-flex">
<!-- <div class="Stat-Item one-third">-->
<!-- <div id="stats-contributors" class="emphasizedNumber">xxx</div>-->
<!-- <div class="stats-title">Contributors</div>-->
<!-- </div>-->
<div class="Stat-Item one-half">
<div class="emphasizedNumber"><span id="stats-mapped-area"> </span></div>
<div class="stats-title" data-i18n="[html]data.stats-mapped">Square Kilometers Mapped</div>
</div>
<div class="Stat-Item one-half">
<div id="stats-finished-projects" class="emphasizedNumber"> </div>
<div class="stats-title" data-i18n="data.stats-projects">Finished Projects</div>
</div>
</div>
<div class="section-container">
<div id="map">
<!-- map container -->
</div>
<div class="map-caption">
<p data-i18n="data.map-text">MapSwipe projects are requested by organizations and communities working all over the world. Use this interactive map to see where MapSwipe projects have taken place.</p>
</div>
</div>
</div>
<hr class="wrapper">
<div class="section">
<div class="section-container">
<div class="rich-text">
<h2 data-i18n="data.discover-title">Discover MapSwipe Data</h2>
<p data-i18n="[html]data.discover-text">Swiping is just the beginning -- MapSwipe data is created by our users and accessible to the entire community. Use the MapSwipe data dashboards below the see where we've mapped, which organizations are requesting data, and how many individuals contribute to our impact. When using MapSwipe data, all you have to do is credit the MapSwipe contributors. If you need more information or if you have a special request related to MapSwipe data get in contact with the team at the <a href="https://heigit.org/geoinformation-for-humanitarian-aid/">Heidelberg Institute for Geoinformation Technology</a></p>
</div>
</div>
<div class="section-container">
<div class="rich-text">
<h3 data-i18n="data.find-title">Find a project</h3>
<p data-i18n="data.find-text">Search for a project and click on it's ID to find out more and access that project's data.</p>
</div>
<table id="projectsTable" class="table table-striped table-bordered">
<thead>
<tr class="thead-inverse">
<th data-i18n="data.table-name">Name</th>
<th data-i18n="data.table-status">Status</th>
<th data-i18n="data.table-progress">Progress</th>
<th data-i18n="data.table-contributors">Contributors</th>
</tr>
</thead>
<tbody>
<!-- body of the table will be added by function -->
</tbody>
</table>
<!-- Data Tables Part-->
</div>
<div class="section-container">
<div class="rich-text">
<h3 data-i18n="data.download-all">Download all Projects</h3>
</div>
<table id="allProjectsDataTable" class="table table-striped table-bordered">
<thead>
<tr class="thead-inverse">
<th data-i18n="data.data-name">Dataset Name</th>
<th data-i18n="data.data-type">Data Type</th>
<th data-i18n="data.data-description">Dataset Description</th>
</tr>
<tr>
<td><a href="https://apps.mapswipe.org/api/projects/projects.csv" target="_blank" data-i18n="data.projects-name">Projects overview</a></td>
<td>CSV</td>
<td data-i18n="data.projects-description">Information on all projects</td>
</tr>
<tr>
<td><a href="https://apps.mapswipe.org/api/projects/projects_geom.geojson" target="_blank" data-i18n="data.geometry-name">Projects with geometry</a></td>
<td>GeoJSON</td>
<td data-i18n="data.geometry-description">Information on all projects with the project geometry</td>
</tr>
<tr>
<td><a href="https://apps.mapswipe.org/api/projects/projects_centroid.geojson" target="_blank" data-i18n="data.centroid-name">Projects with centroid</a></td>
<td>GeoJSON</td>
<td data-i18n="data.centroid-description">Information on all projects with the project centroid</td>
</tr>
</thead>
<tbody>
<!-- body of the table will be added by function -->
</tbody>
</table>
</div>
</div>
<div class="section green">
<div class="section-container">
<div class="rich-text">
<h2 data-i18n="data.leaderboard-title">Leaderboard</h2>
<p data-i18n="data.leaderboard-text">Having a MapSwipe-a-thon and want to create a friendly competition? Want to know where you stand in a sea of
nearly 30,000 other MapSwipers? We recently launched the MapSwipe Leaderboard, allowing users like you to see
the distance you have swiped and the number of objects you have found. Use the Search function to find your
username and get started.</p>
<a href="https://leaderboard.mapswipe.org/" target="_blank" class="link link-external">
<!-- Start Component -->
<!--#include virtual="/markup/svg/external.shtml" -->
<!-- End Component --><span data-i18n="data.leaderboard-link">Find out more</span></a>
</div>
</div>
</div>
</div>
<div class="section">
<div class="section-container">
<div class="rich-text">
<h2 data-i18n="data.license-title">Our License</h2>
<p data-i18n="data.license-text1">This project is part of the OpenStreetMap community. The goal is high-quality geographical data, freely
accessible and available to everyone. OSM’s reciprocal license protects the data from being appropriated by
services that do not share back to OSM.</p>
<p data-i18n="data.license-text2">MapSwipe is released under a "liberal" non-reciprocal license (Creative Commons Attribution). This only
requires that users acknowledge the source. You can do whatever you want with the data, just make sure to
credit the MapSwipe contributors.</p>
</div>
</div>
</div>
<!-- Start Component -->
<!--#include virtual="/markup/components/footer.shtml" -->
<!-- End Component -->
</body>
</html>