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-spatial-io-module.md
+11-11Lines changed: 11 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -14,11 +14,11 @@ ms.subservice: web-sdk
14
14
15
15
The Azure Maps Web SDK provides the [Spatial IO module], which integrates spatial data with the Azure Maps Web SDK using JavaScript or TypeScript. You can use the robust features in this module to:
16
16
17
-
-[Read and write spatial data]. You can use file formats including KML, KMZ, GPX, GeoRSS, GML, GeoJSON, and CSV files containing columns with spatial information. Well-Known Text (WKT) is also supported.
17
+
-[Read and write spatial data]. You can use file formats including Keyhole Markup Language (KML), Compressed KML (KMZ), GPS Exchange Format (GPX), Geographic RSS (GeoRSS), Geography Markup Language (GML), Geographic JavaScript Object Notation (GeoJSON), and Comma-Separated Values (CSV) files containing columns with spatial information. Well-Known Text (WKT) is also supported.
18
18
- Connect to Open Geospatial Consortium (OGC) services and integrate with Azure Maps Web SDK. You can also 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)].
19
19
- Query data in a Web Feature Service (WFS). For more information, see [Connect to a WFS service].
20
20
- Overlay complex data sets that contain style information, which can render automatically. For more information, see [Add a simple data layer].
21
-
-Leverage high-speed XML and delimited file reader and writer classes. For more information, see [Core IO operations].
21
+
-Use high-speed XML and delimited file reader and writer classes. For more information, see [Core IO operations].
22
22
23
23
This guide demonstrates how to integrate and use the Spatial IO module in a web application.
24
24
@@ -30,12 +30,12 @@ The following video provides an overview of the Spatial IO module in the Azure M
30
30
> [!WARNING]
31
31
> Only use data and services that are from a source you trust, especially if the data is referenced from another domain. The spatial IO module takes steps to minimize risk, but you should not allow any dangerous data into your application regardless.
32
32
33
-
## Prerequisites
33
+
Prerequisites include:
34
34
35
35
- An [Azure Maps account]
36
36
- A [subscription key]
37
37
38
-
## Installing the Spatial IO module
38
+
## Install the Spatial IO module
39
39
40
40
You can load the Azure Maps Spatial IO module using one of the following two options:
41
41
@@ -59,7 +59,7 @@ You can load the Azure Maps Spatial IO module using one of the following two opt
59
59
60
60
To learn more, see [How to use the Azure Maps map control npm package].
61
61
62
-
## Using the Spatial IO module
62
+
## Use the Spatial IO module
63
63
64
64
1. Create a new HTML file.
65
65
@@ -231,17 +231,17 @@ There are many features available in the Spatial IO module. To learn about other
231
231
- [Read and write spatial data]
232
232
- [Add an OGC map layer]
233
233
- [Connect to a WFS service]
234
-
- [Leverage core operations]
235
-
- [Supported data format details]
236
-
- [Documentation: Azure Maps Spatial IO package]
234
+
- [Use core operations]
235
+
- [Learn about supported data formats]
236
+
- [Get documentation for the Azure Maps Spatial IO package]
237
237
238
238
[Add a simple data layer]: spatial-io-add-simple-data-layer.md
239
239
[Read and write spatial data]: spatial-io-read-write-spatial-data.md
240
240
[Add an OGC map layer]: spatial-io-add-ogc-map-layer.md
241
241
[Connect to a WFS service]: spatial-io-connect-wfs-service.md
Copy file name to clipboardExpand all lines: articles/azure-maps/spatial-io-add-simple-data-layer.md
+9-9Lines changed: 9 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -121,7 +121,7 @@ The sample code renders the point feature using the simple data layer, and appea
121
121
122
122
The simple data layer is a powerful tool for the following scenarios:
123
123
124
-
-There are several feature types in a data source.
124
+
-A data source includes several feature types.
125
125
- Features in the data set have several style properties that are individually set.
126
126
- You're not sure what the data set contains.
127
127
@@ -134,28 +134,28 @@ For example, when parsing XML data feeds, you might not know the features' exact
134
134
------------------------------------>
135
135
136
136
> [!NOTE]
137
-
> This simple data layer uses the [popup template] class to display KML balloons or feature properties as a table. By default, all content rendered in the popup will be sandboxed inside of an iFrame as a security feature. However, there are limitations:
137
+
> This simple data layer uses the [popup template] class to display KML balloons or feature properties as a table. By default, all content rendered in the popup is sandboxed inside of an iFrame as a security feature. However, there are limitations:
138
138
>
139
139
> - All scripts, forms, pointer lock, and top navigation functionality is disabled. Links can open in a new tab when selected.
140
-
> - Older browsers that don't support the `srcdoc` parameter on iFrames will only be able to render a small amount of content.
140
+
> - Older browsers that don't support the `srcdoc` parameter on iFrames can only render a small amount of content.
141
141
>
142
-
> If you trust the data that's loaded into the pop-ups, and want popup scripts to be able to access your application, you can disable this feature. Just set the popup templates' `sandboxContent` option to false.
142
+
> If you trust the data loaded into the pop-ups, and want popup scripts to be able to access your application, you can disable this feature. Just set the popup templates' `sandboxContent` option to false.
143
143
144
144
## Default supported style properties
145
145
146
146
The simple data layer wraps several of the core rendering layers: bubble, symbol, line, polygon, and extruded polygon. It uses expressions to search for valid style properties on individual features.
147
147
148
-
The two main sets of supported property names are Azure Maps and GitHub. Most property names of Azure maps layer options are supported in the simple data layer as style properties of features. Expressions have been added to some layer options to support style property names that are commonly used by GitHub. [GitHub's GeoJSON map support] defines these property names, and they're used to style GeoJSON files that are stored and rendered within the platform. Most of GitHub's styling properties are supported in the simple data layer, with the exception of the `marker-symbol` styling properties.
148
+
The two main sets of supported property names are Azure Maps and GitHub. Most property names of Azure maps layer options are supported in the simple data layer as style properties of features. Expressions have been added to some layer options to support style property names that are commonly used by GitHub. [GitHub's GeoJSON map support] defines these property names, and they're used to style GeoJSON files that are stored and rendered within the platform. Most of GitHub's styling properties are supported in the simple data layer, except the `marker-symbol` styling properties.
149
149
150
150
If the reader comes across a less common style property, it converts it to the most similar Azure Maps style property. Additionally, you can override the default style expressions by using the `getLayers` function of the simple data layer and updating the options on any of the layers.
151
151
152
-
The following sections provide details on the default style properties that are supported by the simple data layer. The order of the supported property name is also the priority of the property. If two style properties are defined for the same layer option, the first one in the list has higher precedence. Any CSS3 color value including HEX, RGB, RGBA, HSL, HSLA, or named color value can be used.
152
+
The following sections provide details on the default style properties that the simple data layer supports. The order of the supported property name is also the priority of the property. If two style properties are defined for the same layer option, the first one in the list has higher precedence. Any CSS3 color value including HEX, RGB, RGBA, HSL, HSLA, or named color value can be used.
153
153
154
154
### Bubble layer style properties
155
155
156
156
If a feature is a `Point` or a `MultiPoint`, and the feature doesn't have an `image` property to use as a custom icon to render the point as a symbol, the feature is rendered with a `BubbleLayer`.
157
157
158
-
| Layer option | Supported property name(s)| Default value |
158
+
| Layer option | Supported property names| Default value |
@@ -215,7 +215,7 @@ If the feature is a `LineString`, `MultiLineString`, `Polygon`, or `MultiPolygon
215
215
216
216
If the feature is a `Polygon` or a `MultiPolygon`, and the feature either doesn't have a `height` property or the `height` property is zero, the feature is rendered with a `PolygonLayer`.
217
217
218
-
| Layer option | Supported property name(s)| Default value |
218
+
| Layer option | Supported property names| Default value |
0 commit comments