Skip to content

Commit 7945094

Browse files
Merge pull request #111602 from stevemunk/how-to-use-spatial-io-module-grammar-links
Improved grammar and changed inline links to end links in 'How to use the Azure Maps Spatial IO module'
2 parents 862228b + 62a1624 commit 7945094

File tree

1 file changed

+36
-25
lines changed

1 file changed

+36
-25
lines changed

articles/azure-maps/how-to-use-spatial-io-module.md

Lines changed: 36 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: How to use the Azure Maps spatial IO module | Microsoft Azure Maps
3-
description: Learn how to use the Spatial IO module provided by the Azure Maps Web SDK. This module provides robust features to make it easy for developers to integrate spatial data with the Azure Maps web sdk.
3+
description: Learn how to use the Spatial IO module provided by the Azure Maps Web SDK. This module provides robust features to make it easy for developers to integrate spatial data with the Azure Maps web SDK.
44
author: eriklindeman
55
ms.author: eriklind
66
ms.date: 02/28/2020
@@ -15,13 +15,13 @@ ms.custom:
1515

1616
The Azure Maps Web SDK provides the **Spatial IO module**, which integrates spatial data with the Azure Maps web SDK using JavaScript or TypeScript. The robust features in this module allow developers to:
1717

18-
- [Read and write common spatial data files](spatial-io-read-write-spatial-data.md). Supported file formats include: KML, KMZ, GPX, GeoRSS, GML, GeoJSON and CSV files containing columns with spatial information. Also supports Well-Known Text (WKT).
19-
- [Connect to Open Geospatial Consortium (OGC) services and integrate with Azure Maps web SDK. Overlay Web Map Services (WMS) and Web Map Tile Services (WMTS) as layers on the map](spatial-io-add-ogc-map-layer.md).
20-
- [Query data in a Web Feature Service (WFS)](spatial-io-connect-wfs-service.md).
21-
- [Overlay complex data sets that contain style information and have them render automatically using minimal code](spatial-io-add-simple-data-layer.md).
22-
- [Leverage high-speed XML and delimited file reader and writer classes](spatial-io-core-operations.md).
18+
- [Read and write spatial data]. Supported file formats include: KML, KMZ, GPX, GeoRSS, GML, GeoJSON and CSV files containing columns with spatial information. Also supports Well-Known Text (WKT).
19+
- Connect to Open Geospatial Consortium (OGC) services and integrate with Azure Maps web SDK, and overlay Web Map Services (WMS) and Web Map Tile Services (WMTS) as layers on the map. For more information, see [Add a map layer from the Open Geospatial Consortium (OGC)].
20+
- Query data in a Web Feature Service (WFS). For more information, see [Connect to a WFS service].
21+
- Overlay complex data sets that contain style information and have them render automatically. For more information, see [Add a simple data layer].
22+
- Leverage high-speed XML and delimited file reader and writer classes. For more information, see [Core IO operations].
2323

24-
In this guide, we'll learn how to integrate and use the Spatial IO module in a web application.
24+
This guide demonstrates how to integrate and use the Spatial IO module in a web application.
2525

2626
This video provides an overview of Spatial IO module in the Azure Maps Web SDK.
2727

@@ -30,24 +30,24 @@ This video provides an overview of Spatial IO module in the Azure Maps Web SDK.
3030
> [!VIDEO https://learn.microsoft.com/Shows/Internet-of-Things-Show/Easily-integrate-spatial-data-into-the-Azure-Maps/player?format=ny]
3131
3232
> [!WARNING]
33-
> Only use data and services that are from a source you trust, especially if referencing it from another domain. The spatial IO module does take steps to minimize risk, however the safest approach is too not allow any danagerous data into your application to begin with.
33+
> Only use data and services that are from a source you trust, especially if referencing it from another domain. The spatial IO module does take steps to minimize risk, however the safest approach is too not allow any dangerous data into your application to begin with.
3434
3535
## Prerequisites
3636

37-
* An [Azure Maps account]
38-
* A [subscription key]
37+
- An [Azure Maps account]
38+
- A [subscription key]
3939

4040
## Installing the Spatial IO module
4141

4242
You can load the Azure Maps spatial IO module using one of the two options:
4343

44-
* The globally hosted Azure CDN for the Azure Maps spatial IO module. For this option, you add a reference to the JavaScript in the `<head>` element of the HTML file.
44+
- The globally hosted Azure CDN for the Azure Maps spatial IO module. For this option, you add a reference to the JavaScript in the `<head>` element of the HTML file.
4545

4646
```html
4747
<script src="https://atlas.microsoft.com/sdk/javascript/spatial/0/atlas-spatial.js"></script>
4848
```
4949

50-
* The source code for [azure-maps-spatial-io](https://www.npmjs.com/package/azure-maps-spatial-io) can be loaded locally, and then hosted with your app. This package also includes TypeScript definitions. For this option, use the following command to install the package:
50+
- The source code for [azure-maps-spatial-io] can be loaded locally, and then hosted with your app. This package also includes TypeScript definitions. For this option, use the following command to install the package:
5151

5252
```sh
5353
npm install azure-maps-spatial-io
@@ -63,7 +63,7 @@ You can load the Azure Maps spatial IO module using one of the two options:
6363

6464
1. Create a new HTML file.
6565

66-
2. Load the Azure Maps Web SDK and initialize the map control. See the [Azure Maps map control](./how-to-use-map-control.md) guide for the details. Once you're done with this step, your HTML file should look like this:
66+
1. Load the Azure Maps Web SDK and initialize the map control. See the [Azure Maps map control] guide for the details. Once you're done with this step, your HTML file should look like this:
6767

6868
```html
6969
<!DOCTYPE html>
@@ -117,13 +117,13 @@ You can load the Azure Maps spatial IO module using one of the two options:
117117
</html>
118118
```
119119

120-
2. Load the Azure Maps spatial IO module. For this exercise, use the CDN for the Azure Maps spatial IO module. Add the reference below to the `<head>` element of your HTML file:
120+
1. Load the Azure Maps spatial IO module. For this exercise, use the CDN for the Azure Maps spatial IO module. Add the following reference to the `<head>` element of your HTML file:
121121

122122
```html
123123
<script src="https://atlas.microsoft.com/sdk/javascript/spatial/0/atlas-spatial.js"></script>
124124
```
125125

126-
3. Initialize a `datasource`, and add the data source to the map. Initialize a `layer`, and add the data source to the map layer. Then, render both the data source and the layer. Before you scroll down to see the full code in the next step, think about the best places to put the data source and layer code snippets. Recall that, before we programmatically manipulate the map, we should wait until the map resource are ready.
126+
1. Initialize a `datasource`, and add the data source to the map. Initialize a `layer`, and add the data source to the map layer. Then, render both the data source and the layer. Before you scroll down to see the full code in the next step, think about the best places to put the data source and layer code snippets. Recall that, before we programmatically manipulate the map, we should wait until the map resource are ready.
127127

128128
```javascript
129129
var datasource, layer;
@@ -141,7 +141,7 @@ You can load the Azure Maps spatial IO module using one of the two options:
141141
map.layers.add(layer);
142142
```
143143

144-
4. Putting it all together, your HTML code should look like the following code. This sample demonstrates how to read an XML file from a URL. Then, load and display the file's feature data on the map.
144+
1. Your HTML code should now look like the following code. This sample demonstrates how to read an XML file from a URL. Then, load and display the file's feature data on the map.
145145

146146
```html
147147
<!DOCTYPE html>
@@ -218,7 +218,7 @@ You can load the Azure Maps spatial IO module using one of the two options:
218218
</html>
219219
```
220220

221-
5. Remember to replace `<Your Azure Maps Key>` with your subscription key. Open your HTML file, and you'll see results similar to the following image:
221+
1. Remember to replace `<Your Azure Maps Key>` with your subscription key. You should see results similar to the following image in your HTML file:
222222

223223
<center>
224224

@@ -228,30 +228,41 @@ You can load the Azure Maps spatial IO module using one of the two options:
228228

229229
## Next steps
230230

231-
The feature we demonstrated here is only one of the many features available in the Spatial IO module. Read the guides below to learn how to use other functionalities in the Spatial IO module:
231+
The feature we demonstrated is only one of the many features available in the Spatial IO module. Read the following guides to learn how to use other functionalities in the Spatial IO module:
232232

233233
> [!div class="nextstepaction"]
234-
> [Add a simple data layer](spatial-io-add-simple-data-layer.md)
234+
> [Add a simple data layer]
235235

236236
> [!div class="nextstepaction"]
237-
> [Read and write spatial data](spatial-io-read-write-spatial-data.md)
237+
> [Read and write spatial data]
238238

239239
> [!div class="nextstepaction"]
240-
> [Add an OGC map layer](spatial-io-add-ogc-map-layer.md)
240+
> [Add an OGC map layer]
241241

242242
> [!div class="nextstepaction"]
243-
> [Connect to a WFS service](spatial-io-connect-wfs-service.md)
243+
> [Connect to a WFS service]
244244

245245
> [!div class="nextstepaction"]
246-
> [Leverage core operations](spatial-io-core-operations.md)
246+
> [Leverage core operations]
247247

248248
> [!div class="nextstepaction"]
249-
> [Supported data format details](spatial-io-supported-data-format-details.md)
249+
> [Supported data format details]
250250

251251
Refer to the Azure Maps Spatial IO documentation:
252252

253253
> [!div class="nextstepaction"]
254-
> [Azure Maps Spatial IO package](/javascript/api/azure-maps-spatial-io/)
254+
> [Azure Maps Spatial IO package]
255255

256256
[Azure Maps account]: quick-demo-map-app.md#create-an-azure-maps-account
257257
[subscription key]: quick-demo-map-app.md#get-the-subscription-key-for-your-account
258+
[Read and write spatial data]: spatial-io-read-write-spatial-data.md
259+
[Add a map layer from the Open Geospatial Consortium (OGC)]: spatial-io-add-ogc-map-layer.md
260+
[Add a simple data layer]: spatial-io-add-simple-data-layer.md
261+
[Core IO operations]: spatial-io-core-operations.md
262+
[Connect to a WFS service]: spatial-io-connect-wfs-service.md
263+
[azure-maps-spatial-io]: https://www.npmjs.com/package/azure-maps-spatial-io
264+
[Azure Maps map control]: how-to-use-map-control.md
265+
[Add an OGC map layer]: spatial-io-add-ogc-map-layer.md
266+
[Leverage core operations]: spatial-io-core-operations.md
267+
[Supported data format details]: spatial-io-supported-data-format-details.md
268+
[Azure Maps Spatial IO package]: /javascript/api/azure-maps-spatial-io

0 commit comments

Comments
 (0)