From 097b5862c905a29647aa1aa5c9ad19b502a033cb Mon Sep 17 00:00:00 2001
From: Andy <agup@esri.com>
Date: Tue, 23 Jul 2024 17:05:33 -0600
Subject: [PATCH] chore(ESM CDN): add importmap (#525)

---
 core-samples/jsapi-esm-cdn/README.md    |  2 ++
 core-samples/jsapi-esm-cdn/esm-cdn.html | 15 +++++++++++----
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/core-samples/jsapi-esm-cdn/README.md b/core-samples/jsapi-esm-cdn/README.md
index ca856214e..d7fc76a99 100644
--- a/core-samples/jsapi-esm-cdn/README.md
+++ b/core-samples/jsapi-esm-cdn/README.md
@@ -4,6 +4,8 @@ Use the ES modules (ESM) via the ArcGIS CDN only for testing and prototyping. Th
 
 For best performance, build your application locally using the [@arcgis/core](https://www.npmjs.com/package/@arcgis/core) npm package. Local build tools, which are typically included in all frameworks, offer the ability to take advantage of tree shaking, chunking, bundling, minimizing and obfuscating in a way that works best for your application.
 
+For more information on using `importmap` see this [MDN article](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap).
+
 ## Getting started
 
 📁 **[Click here to download this directory as a ZIP file](https://esri.github.io/jsapi-resources/zips/core-sample-jsapi-esm-cdn.zip)** 📁
diff --git a/core-samples/jsapi-esm-cdn/esm-cdn.html b/core-samples/jsapi-esm-cdn/esm-cdn.html
index 55bb3e66d..d90035e4e 100644
--- a/core-samples/jsapi-esm-cdn/esm-cdn.html
+++ b/core-samples/jsapi-esm-cdn/esm-cdn.html
@@ -18,11 +18,18 @@
       width: 100%;
     }
   </style>
+  <script type="importmap">
+    {
+      "imports": {
+        "@arcgis/core/": "https://js.arcgis.com/4.30/@arcgis/core/"
+      }
+    }
+  </script>
   <script type="module">
-    import WebMap from 'https://js.arcgis.com/4.30/@arcgis/core/WebMap.js';
-    import MapView from 'https://js.arcgis.com/4.30/@arcgis/core/views/MapView.js';
-    import Bookmarks from 'https://js.arcgis.com/4.30/@arcgis/core/widgets/Bookmarks.js';
-    import Expand from 'https://js.arcgis.com/4.30/@arcgis/core/widgets/Expand.js';
+    import WebMap from '@arcgis/core/WebMap.js';
+    import MapView from '@arcgis/core/views/MapView.js';
+    import Bookmarks from '@arcgis/core/widgets/Bookmarks.js';
+    import Expand from '@arcgis/core/widgets/Expand.js';
 
     const webmap = new WebMap({
       portalItem: {