|
33 | 33 | vertical-align: middle; |
34 | 34 | } |
35 | 35 |
|
36 | | - /* Pre-style to avoid FOUC of inline layer- and fallback content. */ |
| 36 | + /* Pre-style to avoid FOUC of inline map-layer and fallback content. */ |
37 | 37 | mapml-viewer:not(:defined) > * { |
38 | 38 | display: none; |
39 | 39 | } |
|
70 | 70 | contain-intrinsic-size: 304px 154px; |
71 | 71 | } |
72 | 72 |
|
73 | | - /* Pre-style to avoid FOUC of inline layer- and fallback content. */ |
| 73 | + /* Pre-style to avoid FOUC of inline map-layer and fallback content. */ |
74 | 74 | map[is="web-map"]:not(:defined) + img[usemap], |
75 | 75 | map[is="web-map"]:not(:defined) > :not(area):not(.mapml-web-map) { |
76 | 76 | display: none; |
|
80 | 80 | supported, or if javascript is disabled. This needs to be defined separately |
81 | 81 | from the above, because the `:not(:defined)` selector invalidates the entire |
82 | 82 | declaration in browsers that do not support it. */ |
83 | | - layer- { |
| 83 | + map-layer { |
84 | 84 | display: none; |
85 | 85 | } |
86 | 86 | </style> |
87 | 87 | <noscript> |
88 | 88 | <style> |
89 | 89 | /* Ensure fallback content (children of the map element) is displayed if |
90 | 90 | custom/built-in elements is supported but javascript is disabled. */ |
91 | | - mapml-viewer:not(:defined) > :not(layer-) { |
| 91 | + mapml-viewer:not(:defined) > :not(map-layer) { |
92 | 92 | display: initial; |
93 | 93 | } |
94 | 94 |
|
|
118 | 118 | <body> |
119 | 119 |
|
120 | 120 | <mapml-viewer projection="OSMTILE" zoom="14" lat="45.406314" lon="-75.6883335" controls controlslist="geolocation"> |
121 | | - <layer- data-testid="osm-layer" label="OpenStreetMap" checked > |
| 121 | + <map-layer data-testid="osm-layer" label="OpenStreetMap" checked > |
122 | 122 | <map-link rel="license" title="© OpenStreetMap contributors CC BY-SA" href="https://www.openstreetmap.org/copyright"></map-link> |
123 | 123 | <map-extent units="OSMTILE" checked="checked"> |
124 | 124 | <map-input name="z" type="zoom" value="18" min="0" max="18"></map-input> |
125 | 125 | <map-input name="x" type="location" units="tilematrix" axis="column" min="0" max="262144"></map-input> |
126 | 126 | <map-input name="y" type="location" units="tilematrix" axis="row" min="0" max="262144"></map-input> |
127 | 127 | <map-link rel="tile" tref="https://tile.openstreetmap.org/{z}/{x}/{y}.png"></map-link> |
128 | 128 | </map-extent> |
129 | | - </layer-> |
130 | | - <layer- label="Restaurants" checked=""> |
| 129 | + </map-layer> |
| 130 | + <map-layer label="Restaurants" checked=""> |
131 | 131 | <map-meta name="extent" content="top-left-easting=-8433179, top-left-northing=5689316, bottom-right-easting=-8420968, bottom-right-northing=5683139"></map-meta> |
132 | 132 | <map-extent units="OSMTILE" checked=""> |
133 | 133 | <map-select id="restaurants" name="cusine"> |
|
141 | 141 | </map-select> |
142 | 142 | <map-link tref="https://maps4html.org/experiments/shared/restaurants/{cusine}.mapml" rel="features"></map-link> |
143 | 143 | </map-extent> |
144 | | - </layer-> |
| 144 | + </map-layer> |
145 | 145 | </mapml-viewer> |
146 | 146 | <map is="web-map" projection="OSMTILE" zoom="14" lat="45.406314" lon="-75.6883335" controls controlslist="geolocation"> |
147 | | - <layer- data-testid="osm-layer" label="OpenStreetMap" checked > |
| 147 | + <map-layer data-testid="osm-layer" label="OpenStreetMap" checked > |
148 | 148 | <map-link rel="license" title="© OpenStreetMap contributors CC BY-SA" href="https://www.openstreetmap.org/copyright"></map-link> |
149 | 149 | <map-extent units="OSMTILE" checked="checked"> |
150 | 150 | <map-input name="z" type="zoom" value="18" min="0" max="18"></map-input> |
151 | 151 | <map-input name="x" type="location" units="tilematrix" axis="column" min="0" max="262144"></map-input> |
152 | 152 | <map-input name="y" type="location" units="tilematrix" axis="row" min="0" max="262144"></map-input> |
153 | 153 | <map-link rel="tile" tref="https://tile.openstreetmap.org/{z}/{x}/{y}.png"></map-link> |
154 | 154 | </map-extent> |
155 | | - </layer-> |
156 | | - <layer- label="Restaurants" checked=""> |
| 155 | + </map-layer> |
| 156 | + <map-layer label="Restaurants" checked=""> |
157 | 157 | <map-meta name="extent" content="top-left-easting=-8433179, top-left-northing=5689316, bottom-right-easting=-8420968, bottom-right-northing=5683139"></map-meta> |
158 | 158 | <map-extent units="OSMTILE" checked=""> |
159 | 159 | <map-select id="restaurants" name="cusine"> |
|
167 | 167 | </map-select> |
168 | 168 | <map-link tref="https://maps4html.org/experiments/shared/restaurants/{cusine}.mapml" rel="features"></map-link> |
169 | 169 | </map-extent> |
170 | | - </layer-> |
| 170 | + </map-layer> |
171 | 171 | </map> |
172 | 172 | </body> |
173 | 173 | </html> |
0 commit comments