You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: articles/azure-maps/how-to-use-indoor-module.md
+15-8Lines changed: 15 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -13,7 +13,7 @@ ms.custom: devx-track-js
13
13
14
14
# Use the Azure Maps Indoor Maps module with custom styles (preview)
15
15
16
-
The Azure Maps Web SDK includes the *Azure Maps Indoor*module, enabling you to render indoor maps created in Azure Maps Creator services.
16
+
The Azure Maps Web SDK includes an [Indoor Maps]module, enabling you to render indoor maps created in Azure Maps Creator services.
17
17
18
18
When you create an indoor map using Azure Maps Creator, default styles are applied. Azure Maps Creator now also supports customizing the styles of the different elements of your indoor maps using the [Style Rest API], or the [visual style editor].
19
19
@@ -63,11 +63,13 @@ To use the globally hosted Azure Content Delivery Network version of the *Azure
63
63
```
64
64
65
65
Inside your source file, import atlas-indoor.min.css:
Copy file name to clipboardExpand all lines: articles/azure-maps/how-to-use-map-control.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -13,7 +13,7 @@ ms.custom: devx-track-js
13
13
14
14
# Use the Azure Maps map control
15
15
16
-
The Map Control client-side JavaScript library allows you to render maps and embedded Azure Maps functionality into your web or mobile application.
16
+
The Azure Maps Web SDK provides a [Map Control] that enables the customization of interactive maps with your own content and imagery for display in your web or mobile applications. This module is a helper library that makes it easy to use the Azure Maps REST services in web or Node.js applications by using JavaScript or TypeScript.
17
17
18
18
This article uses the Azure Maps Web SDK, however the Azure Maps services work with any map control. For a list of third-party map control plug-ins, see [Azure Maps community - Open-source projects].
19
19
@@ -22,8 +22,7 @@ This article uses the Azure Maps Web SDK, however the Azure Maps services work w
22
22
To use the Map Control in a web page, you must have one of the following prerequisites:
23
23
24
24
* An [Azure Maps account]
25
-
* A [subscription key]
26
-
* Obtain your Azure Active Directory (Azure AD) credentials with [authentication options]
25
+
* A [subscription key] or Azure Active Directory (Azure AD) credentials. For more information, see [authentication options].
27
26
28
27
## Create a new map in a web page
29
28
@@ -295,3 +294,4 @@ For a list of samples showing how to integrate Azure AD with Azure Maps, see:
Copy file name to clipboardExpand all lines: articles/azure-maps/how-to-use-services-module.md
+19-9Lines changed: 19 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -13,7 +13,7 @@ ms.custom: devx-track-js
13
13
14
14
# Use the Azure Maps services module
15
15
16
-
The Azure Maps Web SDK provides a *services module*. This module is a helper library that makes it easy to use the Azure Maps REST services in web or Node.js applications by using JavaScript or TypeScript.
16
+
The Azure Maps Web SDK provides a [services module]. This module is a helper library that makes it easy to use the Azure Maps REST services in web or Node.js applications by using JavaScript or TypeScript.
17
17
18
18
## Use the services module in a webpage
19
19
@@ -256,29 +256,39 @@ If directly accessing the Azure Maps REST services, change the URL domain to `at
256
256
Learn more about the classes and methods used in this article:
Copy file name to clipboardExpand all lines: articles/azure-maps/how-to-use-spatial-io-module.md
+41-27Lines changed: 41 additions & 27 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,7 @@
1
1
---
2
-
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.
2
+
title: How to use the Azure Maps spatial IO module
3
+
titleSuffix: Microsoft Azure Maps
4
+
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.
4
5
author: eriklindeman
5
6
ms.author: eriklind
6
7
ms.date: 02/28/2020
@@ -13,15 +14,15 @@ ms.custom:
13
14
14
15
# How to use the Azure Maps Spatial IO module
15
16
16
-
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:
17
+
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:
17
18
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).
19
+
-[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).
20
+
- 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 maplayer from the Open Geospatial Consortium (OGC)].
21
+
- Query data in a Web Feature Service (WFS). For more information, see [Connect to a WFS service].
22
+
- Overlay complex data sets that contain style information and have them render automatically. For more information, see [Add a simpledatalayer].
23
+
- Leverage high-speed XML and delimited file reader and writer classes. For more information, see [Core IO operations].
23
24
24
-
In this guide, we'll learn how to integrate and use the Spatial IO module in a web application.
25
+
This guide demonstrates how to integrate and use the Spatial IO module in a web application.
25
26
26
27
This video provides an overview of Spatial IO module in the Azure Maps Web SDK.
27
28
@@ -30,24 +31,24 @@ This video provides an overview of Spatial IO module in the Azure Maps Web SDK.
> 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.
34
+
> 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.
34
35
35
36
## Prerequisites
36
37
37
-
* An [Azure Maps account]
38
-
* A [subscription key]
38
+
- An [Azure Maps account]
39
+
- A [subscription key]
39
40
40
41
## Installing the Spatial IO module
41
42
42
43
You can load the Azure Maps spatial IO module using one of the two options:
43
44
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.
45
+
- 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.
* 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:
51
+
- 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:
51
52
52
53
```sh
53
54
npm install azure-maps-spatial-io
@@ -63,7 +64,7 @@ You can load the Azure Maps spatial IO module using one of the two options:
63
64
64
65
1. Create a new HTML file.
65
66
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:
67
+
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:
67
68
68
69
```html
69
70
<!DOCTYPE html>
@@ -117,13 +118,13 @@ You can load the Azure Maps spatial IO module using one of the two options:
117
118
</html>
118
119
```
119
120
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:
121
+
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:
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.
127
+
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.
127
128
128
129
```javascript
129
130
var datasource, layer;
@@ -141,7 +142,7 @@ You can load the Azure Maps spatial IO module using one of the two options:
141
142
map.layers.add(layer);
142
143
```
143
144
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.
145
+
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.
145
146
146
147
```html
147
148
<!DOCTYPE html>
@@ -218,7 +219,7 @@ You can load the Azure Maps spatial IO module using one of the two options:
218
219
</html>
219
220
```
220
221
221
-
5. Remember to replace `<YourAzureMapsKey>` with your subscription key. Open your HTML file, and you'll see results similar to the following image:
222
+
1. Remember to replace `<YourAzureMapsKey>` with your subscription key. You should see results similar to the following image in your HTML file:
222
223
223
224
<center>
224
225
@@ -228,30 +229,43 @@ You can load the Azure Maps spatial IO module using one of the two options:
228
229
229
230
## Next steps
230
231
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:
232
+
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:
232
233
233
234
> [!div class="nextstepaction"]
234
-
> [Add a simple data layer](spatial-io-add-simple-data-layer.md)
235
+
> [Add a simple data layer]
235
236
236
237
> [!div class="nextstepaction"]
237
-
> [Read and write spatial data](spatial-io-read-write-spatial-data.md)
238
+
> [Read and write spatial data]
238
239
239
240
> [!div class="nextstepaction"]
240
-
> [Add an OGC map layer](spatial-io-add-ogc-map-layer.md)
241
+
> [Add an OGC map layer]
241
242
242
243
> [!div class="nextstepaction"]
243
-
> [Connect to a WFS service](spatial-io-connect-wfs-service.md)
0 commit comments