Docs: Example minor fixes (#4285)

- Remove unnecessary `type="text/css"` - not needed for HTML5 and not recommended. - Update `@maplibre/maplibre-gl-geocoder` to latest version on the demo (seems to work fine) - Accessibility fix for filter-within-layers example with radio matching the labels.
maplibre · Jun 17, 2024 · ba8015f · ba8015f
1 parent 7706d47
commit ba8015f
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 9 deletions.
diff --git a/test/examples/filter-within-layer.html b/test/examples/filter-within-layer.html
@@ -98,8 +98,8 @@
                 <input id="tsunami" type="checkbox" />
                 <label for="tsunami">Apply <code>tsunami</code> filter</label>
                 <div id="radio-tsunamis">
-                    <input type="radio" id="t0" name="tsunami" value="0" /><label>0</label>
-                    <input type="radio" id="t1" name="tsunami" value="1" /><label>1</label>
+                    <input type="radio" id="t0" name="tsunami" value="0" /><label for="t0">0</label>
+                    <input type="radio" id="t1" name="tsunami" value="1" /><label for="t1">1</label>
                 </div>
             </fieldset>
         </nav>
@@ -189,4 +189,4 @@
 
 </script>
 </body>
-</html>
+</html>
diff --git a/test/examples/geocoder.html b/test/examples/geocoder.html
@@ -14,11 +14,10 @@
 </head>
 <body>
 <!-- Load the `maplibre-gl-geocoder` plugin. -->
-<script src="https://unpkg.com/@maplibre/maplibre-gl-geocoder@1.2.0/dist/maplibre-gl-geocoder.min.js"></script>
+<script src="https://unpkg.com/@maplibre/maplibre-gl-geocoder@1.5.0/dist/maplibre-gl-geocoder.min.js"></script>
 <link
     rel="stylesheet"
-    href="https://unpkg.com/@maplibre/[email protected]/dist/maplibre-gl-geocoder.css"
-    type="text/css"
+    href="https://unpkg.com/@maplibre/[email protected]/dist/maplibre-gl-geocoder.css"
 />
 <div id="map"></div>
 <script>
@@ -110,4 +109,4 @@
     );
 </script>
 </body>
-</html>
+</html>
diff --git a/test/examples/mapbox-gl-draw.html b/test/examples/mapbox-gl-draw.html
@@ -37,7 +37,6 @@
 <link
     rel="stylesheet"
     href="https://www.unpkg.com/@mapbox/[email protected]/dist/mapbox-gl-draw.css"
-    type="text/css"
 />
 <div id="map"></div>
 <div class="calculation-box">

diff --git a/test/examples/mouse-position.html b/test/examples/mouse-position.html
@@ -13,7 +13,7 @@
     </style>
 </head>
 <body>
-<style type="text/css">
+<style>
     #info {
         display: block;
         position: absolute;