forked from Maps4HTML/experiments
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
104 lines (96 loc) · 4.61 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Examples and Experiments</title>
<link rel="stylesheet" href="global.css">
<style>
body {
padding: 1rem;
height: unset;
}
.github-mark {
display: block;
width: max-content;
}
</style>
</head>
<body>
<aside>
<a class="github-mark" href="https://github.com/Maps4HTML/experiments" title="Github repository">
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="45" height="45" fill="none" viewBox="0 0 1024 1024"><defs/><path fill="#1B1F23" fill-rule="evenodd" d="M512 0A511.9 511.9 0 000 512c0 226.6 146.6 418 350 485.8 25.7 4.4 35.3-11 35.3-24.4 0-12.1-.7-52.4-.7-95.3-128.6 23.7-161.9-31.4-172.1-60.2-5.8-14.7-30.7-60.1-52.5-72.3-18-9.6-43.5-33.3-.6-34 40.3-.6 69 37.2 78.7 52.6 46 77.4 119.7 55.6 149.1 42.2 4.5-33.3 18-55.7 32.6-68.5-113.9-12.8-233-57-233-252.8 0-55.7 20-101.7 52.6-137.6-5.2-12.8-23-65.3 5-135.7 0 0 43-13.4 140.9 52.5a475 475 0 01128-17.3c43.5 0 87 5.8 128 17.3 97.9-66.5 140.8-52.5 140.8-52.5 28.1 70.4 10.2 123 5.1 135.7a198.1 198.1 0 0152.5 137.6c0 196.5-119.7 240-233.6 252.8 18.5 16 34.5 46.7 34.5 94.7 0 68.5-.6 123.6-.6 140.8 0 13.5 9.6 29.5 35.2 24.4A512.8 512.8 0 001024 512C1024 229.1 794.9 0 512 0z" clip-rule="evenodd"/></svg>
</a>
</aside>
<main>
<h1>Experiments</h1>
<section id="a11y">
<h2>Screenreader / Accessibility validation</h2>
<ul class="example">
<li><a href="screenreader/restaurants/">Restaurant locations in Ottawa</a>
<li><a href="screenreader/closest-restaurants/">Restaurant locations near Dows Lake</a>
<li><a href="painting/">Non-geographic image map</a>
<li><a href="screenreader/announce-zoom/">Announce zoom</a>
<li><a href="screenreader/feature-index/">Feature index</a>
</ul>
</section>
<section id="i18n">
<h2>Internationalization / Localization validation</h2>
<ul class="example">
<li><a href="i18n/rtl/">Right-to-left text</a>
</ul>
</section>
<section id="priv-sec">
<h2>Security / Privacy</h2>
<ul class="example">
<li><a href="security/csp/">CSP evaluation</a></li>
</ul>
</section>
<section id="georeferencing-api">
<h2>Custom Projections aka the Georeferencing API</h2>
<ul class="example">
<li><a href="custom-projections/Arctic-SDI/">Lambert Equal Area Azimuthal - laea</a>
<li><a href="custom-projections/Atlas-of-Canada/">Atlas of Canada Polar Wall Map - aeqd</a>
<li><a href="custom-projections/bc/">British Columbia Albers Equal Area</a>
<li><a href="custom-projections/BNG/">British National Grid</a>
<li><a href="change-projection/zoomin-zoomout/mapml-viewer/">Change projection on zoom change</a>
<li><a href="change-projection/projection-negotiation/">Negotiate map resource projection</a>
</ul>
</section>
<section id="client-api">
<h2>Shared primitives</h2>
<ul class="example">
<li><a href="api/custom-map-ui/">Custom Map UI</a>
<li><a href="progressive-enhancement/">Progressive Enhancement / Graceful Degradation</a>
</ul>
<h2>DOM API</h2>
<ul class="example">
<li><a href="api/map-feature/">HTMLFeatureElement</a>
<li><a href="api/geojson/">GeoJSON to MapML (geojson2mapml)</a>
</ul>
</section>
<section id="linking">
<h2>Linking Spatial Data - GeoWeb</h2>
<ul class="example">
<li><a href="styling/alternate-styles/">Alternate basemap styles</a>
<li><a href="linking/features/">Feature links</a>
<li><a href="shared/restaurants/restaurants.xml">Extension-rendered MapML (XML) document</a>
</ul>
</section>
<section id="styling">
<h2>Styling</h2>
<ul class="example">
<li><a href="styling/alternate-styles/">Alternate basemap styles</a>
<li><a href="vector-tiles/mapml/web-map/">MapML vector tiles styled with external CSS stylesheet</a>
<li><a href="styling/dark-mode.html">Dark mode</a></li>
</ul>
</section>
<section id="misc">
<h2>Miscellaneous</h2>
<ul class="example">
<li>Snow and Ice Probability: <a href="datacube/">Time Dimension <select></a></li>
<li><a href="multiple-extents/">Multiple <map-extent> elements in a layer</a></li>
</ul>
</section>
</body>
</html>