Minor improvements to grammar.

Author: stevemunk

articles/azure-maps/how-to-use-image-templates-web-sdk.md

@@ -14,9 +14,9 @@ ms.custom: codepen, devx-track-js
 
 Images can be used with HTML markers and various layers within the Azure Maps web SDK:
 
- - Symbol layers can render points on the map with an image icon. Symbols can also be rendered along a lines path.
- - Polygon layers can be rendered with a fill pattern image. 
- - HTML markers can render points using images and other HTML elements.
+- Symbol layers can render points on the map with an image icon. Symbols can also be rendered along a lines path.
+- Polygon layers can be rendered with a fill pattern image.
+- HTML markers can render points using images and other HTML elements.
 
 In order to ensure good performance with layers, load the images into the map image sprite resource before rendering. The [IconOptions](/javascript/api/azure-maps-control/atlas.iconoptions), of the SymbolLayer, preloads a couple of marker images in a handful of colors into the map image sprite, by default. These marker images and more are available as SVG templates. They can be used to create images with custom scales, or used as a customer primary and secondary color. In total there are 42 image templates provided: 27 symbol icons and 15 polygon fill patterns.
 
@@ -48,7 +48,7 @@ map.imageSprite.createFromTemplate('myTemplatedIcon', 'marker-flat', 'teal', '#f
 
 Once an image template is loaded into the map image sprite, it can be rendered as a symbol in a symbol layer by referencing the image resource ID in the `image` option of the `iconOptions`.
 
-The following sample renders a symbol layer using the `marker-flat` image template with a teal primary color and a white secondary color. 
+The following sample renders a symbol layer using the `marker-flat` image template with a teal primary color and a white secondary color.
 
 <br/>
 
@@ -59,9 +59,9 @@ The following sample renders a symbol layer using the `marker-flat` image templa
 
 ## Use an image template along a lines path
 
-Once an image template is loaded into the map image sprite, it can be rendered along the path of a line by adding a LineString to a data source and using a symbol layer with a `lineSpacing`option and by referencing the ID of the image resource in the `image` option of th `iconOptions`. 
+Once an image template is loaded into the map image sprite, it can be rendered along the path of a line by adding a LineString to a data source and using a symbol layer with a `lineSpacing`option and by referencing the ID of the image resource in the `image` option of th `iconOptions`.
 
-The following sample renders a pink line on the map and uses a symbol layer using the `car` image template with a dodger blue primary color and a white secondary color. 
+The following sample renders a pink line on the map and uses a symbol layer using the `car` image template with a dodger blue primary color and a white secondary color.
 
 <br/>
 
@@ -87,7 +87,7 @@ The following sample renders a polygon layer using the `dot` image template with
 </iframe>
 
 > [!TIP]
-> Setting the secondary color of fill patterns makes it easier to see the underlying map will still providing the primary pattern. 
+> Setting the secondary color of fill patterns makes it easier to see the underlying map will still providing the primary pattern.
 
 ## Use an image template with an HTML marker
 
@@ -102,9 +102,9 @@ The following sample uses the `marker-arrow` template with a red primary color,
   (<a href='https://codepen.io/azuremaps'>@azuremaps</a>) on <a href='https://codepen.io'>CodePen</a>.
 </iframe>
 
-
 > [!TIP]
 > Image templates can be used outside of the map too. The getImageTemplate funciton returns an SVG string that has placeholders; `{color}`, `{secondaryColor}`, `{scale}`, `{text}`. Replace these placeholder values to create a valid SVG string. You can then either add the SVG string directly to the HTML DOM or convert it into a data URI and insert it into an image tag. For example:
+>
 > ```JavaScript
 > //Retrieve an SVG template and replace the placeholder values.
 > var svg = atlas.getImageTemplate('marker').replace(/{color}/, 'red').replace(/{secondaryColor}/, 'white').replace(/{text}/, '').replace(/{scale}/, 1);
@@ -356,7 +356,6 @@ This table lists all image templates currently available within the Azure Maps w
    :::column-end:::
 :::row-end:::
 
-
 **Polygon fill pattern templates**
 
 :::row:::
@@ -497,7 +496,6 @@ The map preloads a set of icons into the maps image sprite using the `marker`, `
 | `pin-round-darkblue` | `#003963` | `#ffffff` |
 | `pin-round-red` | `#ef4c4c` | `#ffffff` |
 
-
 ## Try it now tool
 
 With the following tool, you can render the different built-in image templates in various ways and customize the primary and secondary colors and scale.
@@ -517,8 +515,7 @@ Learn more about the classes and methods used in this article:
 > [ImageSpriteManager](/javascript/api/azure-maps-control/atlas.imagespritemanager)
 
 > [!div class="nextstepaction"]
-> [atlas namespace](/javascript/api/azure-maps-control/atlas#functions
-)
+> [atlas namespace](/javascript/api/azure-maps-control/atlas#functions)
 
 See the following articles for more code samples where image templates can be used:
 
@@ -532,4 +529,4 @@ See the following articles for more code samples where image templates can be us
 > [Add a polygon layer](map-add-shape.md)
 
 > [!div class="nextstepaction"]
-> [Add HTML Makers](map-add-bubble-layer.md)
+> [Add HTML Makers](map-add-bubble-layer.md)