Update broken example maps

prushforth · prushforth · commit ee2e65c55196 · 2023-05-30T15:27:24.000-04:00
diff --git a/spec/examples/map-1.html b/spec/examples/map-1.html
@@ -44,7 +44,16 @@
   </head>
   <body>
     <mapml-viewer projection="OSMTILE" zoom="11" lat="48.8566" lon="2.3522">
-      <layer- src="https://geogratis.gc.ca/mapml/en/osmtile/osm/" checked></layer->
+      <map-caption>Paris, the City of Lights</map-caption>
+      <layer- label="OpenStreetMap" checked>
+        <link rel="license" title="© OpenStreetMap contributors CC BY-SA" href="https://www.openstreetmap.org/copyright"></link>
+        <map-extent units="OSMTILE" >
+          <map-input name="z" type="zoom"  value="18" min="0" max="18"></map-input>
+          <map-input name="x" type="location" units="tilematrix" axis="column" min="0"  max="262144" ></map-input>
+          <map-input name="y" type="location" units="tilematrix" axis="row" min="0"  max="262144" ></map-input>
+          <map-link rel="tile" tref="https://tile.openstreetmap.org/{z}/{x}/{y}.png" />
+        </map-extent>
+      </layer->
     </mapml-viewer>
   </body>
 </html>
diff --git a/spec/examples/map-2.html b/spec/examples/map-2.html
@@ -43,7 +43,7 @@
     </noscript>
   </head>
   <body>
-    <mapml-viewer projection="CBMTILE" zoom="15" lat="45.4215" lon="-75.6972" controls>
+    <mapml-viewer projection="CBMTILE" zoom="15" lat="45.4215" lon="-75.6972" controls controlslist="geolocation">
       <layer- label="Canada Base Map - Transportation (CBMT)" src="https://geogratis.gc.ca/mapml/en/cbmtile/cbmt/" checked></layer->
     </mapml-viewer>
   </body>
diff --git a/spec/index.html b/spec/index.html
@@ -818,16 +818,16 @@ <h4>Examples</h4>
             </p>
             
             <pre>
-              &lt;map zoom="11" lat="48.8566" lon="2.3522"&gt;
+              &lt;mapml-viewer zoom="11" lat="48.8566" lon="2.3522"&gt;
                 &lt;layer src="https://example.com/mapml/osm/" checked crossorigin&gt;&lt;/layer&gt;
-              &lt;/map&gt;
+              &lt;/mapml-viewer&gt;
             </pre>
           </aside>
           
           <aside class="example">
             <p>
               A map of Ottawa,
-              with the default controls enabled and dimensions specified:
+              with default and non-default controls enabled, and dimensions specified:
             </p>
             
             <iframe class="authoring-example" title="Authoring example 2" src="examples/map-2.html" width="600" height="350" loading="lazy"></iframe>
@@ -837,7 +837,7 @@ <h4>Examples</h4>
             </p>
             
             <pre>
-              &lt;mapml-viewer projection="CBMTILE" zoom="15" lat="45.4215" lon="-75.6972" width="600" height="350" controls&gt;
+              &lt;mapml-viewer projection="CBMTILE" zoom="15" lat="45.4215" lon="-75.6972" width="600" height="350" controls controlslist="geolocation"&gt;
                 &lt;layer label="Canada Base Map - Transportation (CBMT)" src="https://example.com/mapml/cbmt/" checked crossorigin&gt;&lt;/layer&gt;
               &lt;/mapml-viewer&gt;
             </pre>
