-
Notifications
You must be signed in to change notification settings - Fork 9
Expand file tree
/
Copy pathindex.html
More file actions
132 lines (123 loc) · 6.06 KB
/
Copy pathindex.html
File metadata and controls
132 lines (123 loc) · 6.06 KB
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
<!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">
<link rel="icon" href="dist/MapML.js/dist/images/w3community.ico" type="image/x-icon">
<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/map-chrome-i18n/">Localization of map UI</a>
<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="sensible-defaults">
<h2>Defaults</h2>
<ul class="example">
<li><a href="change-projection/default-projection/">Default map projection - Web Mercator</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-extent-fallback/">map-projectionchange event handling by map-extent</a>
<li><a href="change-projection/projection-negotiation/">Negotiate map resource projection</a>
</ul>
</section>
<section id="client-api">
<h2>Shared primitives</h2>
<section id="inputs">
<h3>Inputs</h3>
<ul class="example">
<li><a href="inputs/map-select/">(map-)select / (map-)option</a>
</ul>
</section>
<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>
<li><a href="api/pwa/file-handling/">Progressive Web App - GeoJSON -> MapML</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>
<li><a href="linking/zoomin-zoomout/mapml-viewer/">Layer content source varies by map zoom</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="styling/media-queries/">Media / map container queries</a>
<li><a href="vector-tiles/mapml/web-map/">MapML vector tiles styled with external CSS stylesheet</a>
<li><a href="vector-tiles/pmtiles/">pmtiles / Mapbox vector tiles styled with application/pmtiles+stylesheet style module</a>
<li><a href="styling/dark-mode/">Dark mode</a></li>
</ul>
</section>
<section id="rendering-engines">
<h2>(Map) rendering engine interoperability</h2>
<ul class="example">
<li><a href="globe/">Globe view</a>
<li><a href="rendering-engine/progressive-enhancement.html">Progressive enhancement</a>
<li><a href="rendering-engine/graceful-degradation.html">Graceful degradation</a>
</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>