Rename mapml-viewer to mapml.js for consistency with project name

Maps4HTML · Sep 24, 2024 · 4778f53 · 4778f53
1 parent 8f19bd8
commit 4778f53
Show file tree

Hide file tree

Showing 35 changed files with 41 additions and 41 deletions.
diff --git a/docs/api/geojson-api.mdx b/docs/api/geojson-api.mdx
@@ -14,7 +14,7 @@ The **GeoJSON API** is provided as a library to convert GeoJSON to and from MapM
 <!doctype html>
 <html lang="en">
     <head>
-        <script type="module" src="mapml-viewer.js"></script>
+        <script type="module" src="mapml.js"></script>
         <script src="lib/geojson.js"></script>
     </head>
     <body>

diff --git a/docs/api/mapml-viewer-api.mdx b/docs/api/mapml-viewer-api.mdx
@@ -617,7 +617,7 @@ let output = map.geojson2mapml(json);
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Example Custom Projection</title>
-  <script type="module" src="web-map/mapml-viewer.js"></script>
+  <script type="module" src="web-map/mapml.js"></script>
   <script type="module">
     let customProjectionDefinition = `{
       "projection": "ATLAS_POLAR_MAP",

diff --git a/docs/building.md b/docs/building.md
@@ -82,7 +82,7 @@ $ cat > index.html << EOF
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>index.html</title>
-    <script type="module" src="dist/mapml-viewer.js"></script>
+    <script type="module" src="dist/mapml.js"></script>
     <style>
       html,body {height: 100%;}
       * {padding: 0;margin: 0;padding: 0;}

diff --git a/docs/elements/mapml-viewer.md b/docs/elements/mapml-viewer.md
@@ -13,7 +13,7 @@ The `<mapml-viewer>` element is the main element you can use to put a custom Web
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>A Simple Web Map[tm]</title>
-  <script type="module" src="web-map/mapml-viewer.js"></script>
+  <script type="module" src="web-map/mapml.js"></script>
   <style>
     html, body {
     height: 100%; /* These styles are required if you wish to use a % based

diff --git a/docs/elements/web-map.md b/docs/elements/web-map.md
@@ -37,7 +37,7 @@ The following markup may work on Chrome and Firefox, although it may take some f
 </map>
 ```
 
-To experiment with the `web-map` and `map-area` custom elements, you should link your `<script type="module" src="mapml-viewer.js"></script>` to the `mapml-viewer.js` file that is built by the MapML.js build process.
+To experiment with the `web-map` and `map-area` custom elements, you should link your `<script type="module" src="mapml.js"></script>` to the `mapml.js` file that is built by the MapML.js build process.
 
 In theory, if you take steps to provide the fallback markup, a normal (progressive) Web map experience will be had by most users, while those using an older browser or perhaps even Safari may get the "fallback" client side image map experience.  
 

diff --git a/docs/installation.md b/docs/installation.md
@@ -16,14 +16,14 @@ import TabItem from '@theme/TabItem';
 <TabItem value="jsDelivr" label="jsDelivr">
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@maps4html/mapml/dist/mapml-viewer.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@maps4html/mapml/dist/mapml.js"></script>
 ```
 
 </TabItem>
 <TabItem value="unpkg" label="unpkg">
 
 ```html
-<script type="module" src="https://unpkg.com/@maps4html/mapml/dist/mapml-viewer.js"></script>
+<script type="module" src="https://unpkg.com/@maps4html/mapml/dist/mapml.js"></script>
 ```
 
 </TabItem>
@@ -52,7 +52,7 @@ Once installation is complete, you will have a node_modules/@maps4html/mapml sub
 Add the following to the `<head>` of your HTML code:
 
 ```html
-<script type="module" src="./node_modules/@maps4html/mapml/dist/mapml-viewer.js"></script>
+<script type="module" src="./node_modules/@maps4html/mapml/dist/mapml.js"></script>
 ```
 
 You can now use `<mapml-viewer>`, `<layer->` and the other elements described here on your web pages.

diff --git a/docs/user-guide/getting-started.md b/docs/user-guide/getting-started.md
@@ -64,7 +64,7 @@ You have learned how to include resources like images in your web page, and now
     <head>
        <title>My First Web Map</title>
 	   // highlight-next-line
-       <script type="module" src="https://cdn.jsdelivr.net/npm/@maps4html/mapml/dist/mapml-viewer.js" crossorigin></script>
+       <script type="module" src="https://cdn.jsdelivr.net/npm/@maps4html/mapml/dist/mapml.js" crossorigin></script>
     </head>
     <body>
       <p>Web pages are easy-peasy</p>
@@ -82,7 +82,7 @@ The next step in our lesson is to remove the image and replace it with a map, us
 <html>
       <head>
           <title>My First Web Map</title>
-          <script type="module" src="https://cdn.jsdelivr.net/npm/@maps4html/mapml/dist/mapml-viewer.js" crossorigin></script>
+          <script type="module" src="https://cdn.jsdelivr.net/npm/@maps4html/mapml/dist/mapml.js" crossorigin></script>
       </head>
       <body>
          <p>Web <s>pages</s> maps are easy-peasy</p>

diff --git a/docs/user-guide/quick-start.md b/docs/user-guide/quick-start.md
@@ -18,7 +18,7 @@ Learn how to quickly create your first map.
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Getting Started</title>
-	<script type="module" src="https://cdn.jsdelivr.net/npm/@maps4html/mapml/dist/mapml-viewer.js"></script>
+	<script type="module" src="https://cdn.jsdelivr.net/npm/@maps4html/mapml/dist/mapml.js"></script>
 </head>
 <body>
 	<mapml-viewer width="800" height="400" projection="OSMTILE" zoom="1" lat="60.0" lon="-100.0" controls>

diff --git a/i18n/fr/docusaurus-plugin-content-docs/current/api/geojson-api.mdx b/i18n/fr/docusaurus-plugin-content-docs/current/api/geojson-api.mdx
@@ -14,7 +14,7 @@ L’**interface de programmation d’applications (API) GeoJSON** est fournie so
 <!doctype html>
 <html lang="en">
     <head>
-        <script type="module" src="mapml-viewer.js"></script>
+        <script type="module" src="mapml.js"></script>
         <script src="lib/geojson.js"></script>
     </head>
     <body>

diff --git a/i18n/fr/docusaurus-plugin-content-docs/current/api/mapml-viewer-api.mdx b/i18n/fr/docusaurus-plugin-content-docs/current/api/mapml-viewer-api.mdx
@@ -619,7 +619,7 @@ let output = map.geojson2mapml(json);
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Exemple d'un projection personnalisée</title>
-  <script type="module" src="web-map/mapml-viewer.js"></script>
+  <script type="module" src="web-map/mapml.js"></script>
   <script type="module">
     let customProjectionDefinition = `{
       "projection": "ATLAS_POLAR_MAP",

diff --git a/i18n/fr/docusaurus-plugin-content-docs/current/building.md b/i18n/fr/docusaurus-plugin-content-docs/current/building.md
@@ -82,7 +82,7 @@ $ cat > index.html << EOF
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>index.html</title>
-    <script type="module" src="dist/mapml-viewer.js"></script>
+    <script type="module" src="dist/mapml.js"></script>
     <style>
       html,body {height: 100%;}
       * {padding: 0;margin: 0;padding: 0;}

diff --git a/i18n/fr/docusaurus-plugin-content-docs/current/elements/mapml-viewer.md b/i18n/fr/docusaurus-plugin-content-docs/current/elements/mapml-viewer.md
@@ -13,7 +13,7 @@ L’élément `<mapml-viewer>` est le principal élément à utiliser pour ajout
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Carte Web simple [carte topographique]</title>
-  <script type="module" src="web-map/mapml-viewer.js"></script>
+  <script type="module" src="web-map/mapml.js"></script>
   <style>
     html, body {
     height: 100%; /* Ces styles sont nécessaires si vous souhaitez utiliser une valeur de hauteur basée sur un pourcentage pour l’élément « mapml-viewer ». */

diff --git a/i18n/fr/docusaurus-plugin-content-docs/current/elements/web-map.md b/i18n/fr/docusaurus-plugin-content-docs/current/elements/web-map.md
@@ -37,7 +37,7 @@ Le balisage suivant pourrait fonctionner dans Chrome et Firefox, mais il pourrai
 </map>
 ```
 
-Pour expérimenter les éléments personnalisés `web-map` et `map-area`, vous devriez lier votre `<script type="module" src="mapml-viewer.js"></script>` au fichier `mapml-viewer.js` créé par le processus de génération des éléments personnalisés de cartes Web / MapML.js.
+Pour expérimenter les éléments personnalisés `web-map` et `map-area`, vous devriez lier votre `<script type="module" src="mapml.js"></script>` au fichier `mapml.js` créé par le processus de génération des éléments personnalisés de cartes Web / MapML.js.
 
 En théorie, si vous prenez des mesures pour fournir un balisage alternatif, la plupart des utilisateurs auront une expérience normale (progressive) avec la carte Web, tandis que ceux qui utilisent un ancien navigateur ou même Safari pourraient obtenir une expérience inverse avec l’image cliquable côté client. 
 

diff --git a/i18n/fr/docusaurus-plugin-content-docs/current/installation.md b/i18n/fr/docusaurus-plugin-content-docs/current/installation.md
@@ -16,14 +16,14 @@ import TabItem from '@theme/TabItem';
 <TabItem value="jsDelivr" label="jsDelivr">
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@maps4html/mapml/dist/mapml-viewer.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@maps4html/mapml/dist/mapml.js"></script>
 ```
 
 </TabItem>
 <TabItem value="unpkg" label="unpkg">
 
 ```html
-<script type="module" src="https://unpkg.com/@maps4html/mapml/dist/mapml-viewer.js"></script>
+<script type="module" src="https://unpkg.com/@maps4html/mapml/dist/mapml.js"></script>
 ```
 
 </TabItem>
@@ -52,7 +52,7 @@ Une fois l’installation terminée, le sous-répertoire node_modules/@maps4html
 Ajoutez ce qui suit à l’élément `<head>` de votre code HTML :
 
 ```html
-<script type="module" src="./node_modules/@maps4html/mapml/dist/mapml-viewer.js"></script>
+<script type="module" src="./node_modules/@maps4html/mapml/dist/mapml.js"></script>
 ```
 
 Vous pouvez maintenant utiliser dans vos pages Web les éléments `<mapml-viewer>` et `<layer->` ainsi que les autres éléments décrits dans le présent document.

diff --git a/i18n/fr/docusaurus-plugin-content-docs/current/user-guide/getting-started.md b/i18n/fr/docusaurus-plugin-content-docs/current/user-guide/getting-started.md
@@ -64,7 +64,7 @@ Maintenant que vous avez appris comment inclure des ressources telles que des im
     <head>
        <title>Ma première Carte Web</title>
 	   // highlight-next-line
-       <script type="module" src="https://cdn.jsdelivr.net/npm/@maps4html/mapml/dist/mapml-viewer.js" crossorigin></script>
+       <script type="module" src="https://cdn.jsdelivr.net/npm/@maps4html/mapml/dist/mapml.js" crossorigin></script>
     </head>
     <body>
       <p>Les pages Web: c'est si facile</p>
@@ -82,7 +82,7 @@ La prochaine étape est de supprimer et remplacer l'image par une carte, en util
 <html>
       <head>
           <title>Ma première Carte Web</title>
-          <script type="module" src="https://cdn.jsdelivr.net/npm/@maps4html/mapml/dist/mapml-viewer.js" crossorigin></script>
+          <script type="module" src="https://cdn.jsdelivr.net/npm/@maps4html/mapml/dist/mapml.js" crossorigin></script>
       </head>
       <body>
          <p>Les <s>pages</s> cartes Web : c'est si facile</p>

diff --git a/i18n/fr/docusaurus-plugin-content-docs/current/user-guide/quick-start.md b/i18n/fr/docusaurus-plugin-content-docs/current/user-guide/quick-start.md
@@ -18,7 +18,7 @@ Apprenez à créer rapidement votre première carte.
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Getting Started</title>
-	<script type="module" src="https://cdn.jsdelivr.net/npm/@maps4html/mapml/dist/mapml-viewer.js"></script>
+	<script type="module" src="https://cdn.jsdelivr.net/npm/@maps4html/mapml/dist/mapml.js"></script>
 </head>
 <body>
 	<mapml-viewer width="800" height="400" projection="OSMTILE" zoom="1" lat="60.0" lon="-100.0" controls>

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -54,7 +54,7 @@ function Feature({ title, description }) {
 
 function Home() {
   const mapUrl = "./demo/data/osmtile-cbmt.mapml"
-  const mapiframe = `<script type="module" src="dist/mapml-viewer.js"></script>
+  const mapiframe = `<script type="module" src="dist/mapml.js"></script>
   <style>
   html,
   body {

diff --git a/static/demo/Tutorial/Getting Started/index.html b/static/demo/Tutorial/Getting Started/index.html
@@ -1,7 +1,7 @@
 <html>
       <head>
           <title>My First Web Map</title>
-          <script type="module" src="https://cdn.jsdelivr.net/npm/@maps4html/mapml/dist/mapml-viewer.js" crossorigin></script>
+          <script type="module" src="https://cdn.jsdelivr.net/npm/@maps4html/mapml/dist/mapml.js" crossorigin></script>
       </head>
       <body>
          <p>Web <s>pages</s> maps are easy-peasy</p>

diff --git a/static/demo/extent-demo/index.html b/static/demo/extent-demo/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Demo</title>
-    <script type="module" src="../../dist/mapml-viewer.js"></script>
+    <script type="module" src="../../dist/mapml.js"></script>
     <link rel="stylesheet" href="../embeded-demo-style.css"/>
 
     <link rel="stylesheet" href="../codemirror-5.64.0/lib/codemirror.css">

diff --git a/static/demo/layer-demo/index.html b/static/demo/layer-demo/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Demo</title>
-    <script type="module" src="../../dist/mapml-viewer.js"></script>
+    <script type="module" src="../../dist/mapml.js"></script>
     <link rel="stylesheet" href="../embeded-demo-style.css"/>
 
     <link rel="stylesheet" href="../codemirror-5.64.0/lib/codemirror.css">

diff --git a/static/demo/map-a-demo/index.html b/static/demo/map-a-demo/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Demo</title>
-    <script type="module" src="../../dist/mapml-viewer.js"></script>
+    <script type="module" src="../../dist/mapml.js"></script>
     <link rel="stylesheet" href="../embeded-demo-style.css"/>
 
     <link rel="stylesheet" href="../codemirror-5.64.0/lib/codemirror.css">

diff --git a/static/demo/map-caption-demo/index.html b/static/demo/map-caption-demo/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Demo</title>
-    <script type="module" src="../../dist/mapml-viewer.js"></script>
+    <script type="module" src="../../dist/mapml.js"></script>
     <link rel="stylesheet" href="../embeded-demo-style.css"/>
 
     <link rel="stylesheet" href="../codemirror-5.64.0/lib/codemirror.css">

diff --git a/static/demo/map-datalist-demo/index.html b/static/demo/map-datalist-demo/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Demo</title>
-    <script type="module" src="../../dist/mapml-viewer.js"></script>
+    <script type="module" src="../../dist/mapml.js"></script>
     <link rel="stylesheet" href="../embeded-demo-style.css"/>
 
     <link rel="stylesheet" href="../codemirror-5.64.0/lib/codemirror.css">

diff --git a/static/demo/map-feature-demo/index.html b/static/demo/map-feature-demo/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Demo</title>
-    <script type="module" src="../../dist/mapml-viewer.js"></script>
+    <script type="module" src="../../dist/mapml.js"></script>
     <link rel="stylesheet" href="../embeded-demo-style.css"/>
 
     <link rel="stylesheet" href="../codemirror-5.64.0/lib/codemirror.css">

diff --git a/static/demo/map-geometry-demo/index.html b/static/demo/map-geometry-demo/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Demo</title>
-    <script type="module" src="../../dist/mapml-viewer.js"></script>
+    <script type="module" src="../../dist/mapml.js"></script>
     <link rel="stylesheet" href="../embeded-demo-style.css"/>
 
     <link rel="stylesheet" href="../codemirror-5.64.0/lib/codemirror.css">

diff --git a/static/demo/map-input-demo/index.html b/static/demo/map-input-demo/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Demo</title>
-    <script type="module" src="../../dist/mapml-viewer.js"></script>
+    <script type="module" src="../../dist/mapml.js"></script>
     <link rel="stylesheet" href="../embeded-demo-style.css"/>
 
     <link rel="stylesheet" href="../codemirror-5.64.0/lib/codemirror.css">

diff --git a/static/demo/map-link-demo/index.html b/static/demo/map-link-demo/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Demo</title>
-    <script type="module" src="../../dist/mapml-viewer.js"></script>
+    <script type="module" src="../../dist/mapml.js"></script>
     <link rel="stylesheet" href="../embeded-demo-style.css"/>
 
     <link rel="stylesheet" href="../codemirror-5.64.0/lib/codemirror.css">

diff --git a/static/demo/map-meta-demo/index.html b/static/demo/map-meta-demo/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Demo</title>
-    <script type="module" src="../../dist/mapml-viewer.js"></script>
+    <script type="module" src="../../dist/mapml.js"></script>
     <link rel="stylesheet" href="../embeded-demo-style.css"/>
 
     <link rel="stylesheet" href="../codemirror-5.64.0/lib/codemirror.css">

diff --git a/static/demo/map-properties-demo/index.html b/static/demo/map-properties-demo/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Demo</title>
-    <script type="module" src="../../dist/mapml-viewer.js"></script>
+    <script type="module" src="../../dist/mapml.js"></script>
     <link rel="stylesheet" href="../embeded-demo-style.css"/>
 
     <link rel="stylesheet" href="../codemirror-5.64.0/lib/codemirror.css">

diff --git a/static/demo/map-select-demo/index.html b/static/demo/map-select-demo/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Demo</title>
-    <script type="module" src="../../dist/mapml-viewer.js"></script>
+    <script type="module" src="../../dist/mapml.js"></script>
     <link rel="stylesheet" href="../embeded-demo-style.css"/>
 
     <link rel="stylesheet" href="../codemirror-5.64.0/lib/codemirror.css">

diff --git a/static/demo/map-span-demo/index.html b/static/demo/map-span-demo/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Demo</title>
-    <script type="module" src="../../dist/mapml-viewer.js"></script>
+    <script type="module" src="../../dist/mapml.js"></script>
     <link rel="stylesheet" href="../embeded-demo-style.css"/>
 
     <link rel="stylesheet" href="../codemirror-5.64.0/lib/codemirror.css">

diff --git a/static/demo/map-style-demo/index.html b/static/demo/map-style-demo/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Demo</title>
-    <script type="module" src="../../dist/mapml-viewer.js"></script>
+    <script type="module" src="../../dist/mapml.js"></script>
     <link rel="stylesheet" href="../embeded-demo-style.css"/>
 
     <link rel="stylesheet" href="../codemirror-5.64.0/lib/codemirror.css">

diff --git a/static/demo/mapml-demo/index.html b/static/demo/mapml-demo/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Demo</title>
-    <script type="module" src="../../dist/mapml-viewer.js"></script>
+    <script type="module" src="../../dist/mapml.js"></script>
     <link rel="stylesheet" href="../embeded-demo-style.css"/>
 
     <link rel="stylesheet" href="../codemirror-5.64.0/lib/codemirror.css">

diff --git a/static/demo/mapml-viewer-demo/index.html b/static/demo/mapml-viewer-demo/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Demo</title>
-    <script type="module" src="../../dist/mapml-viewer.js"></script>
+    <script type="module" src="../../dist/mapml.js"></script>
     <link rel="stylesheet" href="../embeded-demo-style.css"/>
 
     <link rel="stylesheet" href="../codemirror-5.64.0/lib/codemirror.css">

diff --git a/static/demo/sandbox/index.html b/static/demo/sandbox/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Sandbox</title>
-    <script type="module" src="../../dist/mapml-viewer.js"></script>
+    <script type="module" src="../../dist/mapml.js"></script>
     <link rel="stylesheet" href="../sandbox.css"/>
 
     <link rel="stylesheet" href="../codemirror-5.64.0/lib/codemirror.css">
-Original file line number
+Diff line change
@@ Expand Up @@
     </map>
     ```
-    To experiment with the `web-map` and `map-area` custom elements, you should link your `<script type="module" src="mapml-viewer.js"></script>` to the `mapml-viewer.js` file that is built by the MapML.js build process.
+    To experiment with the `web-map` and `map-area` custom elements, you should link your `<script type="module" src="mapml.js"></script>` to the `mapml.js` file that is built by the MapML.js build process.
     In theory, if you take steps to provide the fallback markup, a normal (progressive) Web map experience will be had by most users, while those using an older browser or perhaps even Safari may get the "fallback" client side image map experience.
@@ Expand Down @@