Merge pull request #217524 from yulinscottkang/npm

jborsecnik · web-flow · commit ed127e508a77 · 2022-11-08T19:56:56.000-08:00
Update usage for npm packages
diff --git a/articles/azure-maps/how-to-use-indoor-module.md b/articles/azure-maps/how-to-use-indoor-module.md
@@ -44,11 +44,11 @@ To use the globally hosted Azure Content Delivery Network version of the *Azure
       >npm install azure-maps-indoor
       ```
 
-  2. Reference the *Azure Maps Indoor* module JavaScript and Style Sheet in the `<head>` element of the HTML file:
+  2. Import the *Azure Maps Indoor* module JavaScript and Style Sheet in a source file:
 
-      ```html
-      <link rel="stylesheet" href="node_modules/azure-maps-indoor/dist/atlas-indoor.min.css" type="text/css" />
-      <script src="node_modules/azure-maps-indoor/dist/atlas-indoor.min.js"></script>
+      ```js
+      import * as indoor from "azure-maps-indoor";
+      import "azure-maps-indoor/dist/atlas-indoor.min.css";
       ```
 
 ## Set the domain and instantiate the Map object
diff --git a/articles/azure-maps/how-to-use-services-module.md b/articles/azure-maps/how-to-use-services-module.md
@@ -28,10 +28,10 @@ The Azure Maps Web SDK provides a *services module*. This module is a helper lib
 
       `npm install azure-maps-rest`
 
-      Then, add a script reference to the `<head>` element of the file:
+      Then, use an import declaration to add the module into a source file:
 
-      ```html
-      <script src="node_modules/azure-maps-rest/dist/atlas-service.min.js"></script>
+      ```js
+      import * as service from "azure-maps-rest";
       ```
 
 1. Create an authentication pipeline. The pipeline must be created before you can initialize a service URL client endpoint. Use your own Azure Maps account key or Azure Active Directory (Azure AD) credentials to authenticate an Azure Maps Search service client. In this example, the Search service URL client will be created. 
diff --git a/articles/azure-maps/how-to-use-spatial-io-module.md b/articles/azure-maps/how-to-use-spatial-io-module.md
@@ -53,10 +53,10 @@ You can load the Azure Maps spatial IO module using one of the two options:
     npm install azure-maps-spatial-io
     ```
 
-    Then, add a reference to the JavaScript in the `<head>` element of the HTML document:
+    Then, use an import declaration to add the module into a source file:
 
-    ```html
-    <script src="node_modules/azure-maps-spatial-io/dist/atlas-spatial.min.js"></script>
+    ```js
+    import * as spatial from "azure-maps-spatial-io";
     ```
 
 ## Using the Spatial IO module
diff --git a/articles/azure-maps/set-drawing-options.md b/articles/azure-maps/set-drawing-options.md
@@ -28,11 +28,11 @@ The Azure Maps Web SDK provides a *drawing tools module*. This module makes it e
 
       `npm install azure-maps-drawing-tools`
 
-      Then, add a reference to the JavaScript and CSS stylesheet in the `<head>` element of the file:
+      Then, import the JavaScript and CSS stylesheet in a source file:
 
-      ```html
-      <link rel="stylesheet" href="node_modules/azure-maps-drawing-tools/dist/atlas-drawing.min.css" type="text/css" />
-      <script src="node_modules/azure-maps-drawing-tools/dist/atlas-drawing.min.js"></script>
+      ```js
+      import * as drawing from "azure-maps-drawing-tools";
+      import "azure-maps-drawing-tools/dist/atlas-drawing.min.css";
       ```
 
 ## Use the drawing manager directly
