Skip to content

Commit 3ec4ae8

Browse files
committed
articles-about-the-spatial-io-module
1 parent 44c7a54 commit 3ec4ae8

File tree

2 files changed

+20
-20
lines changed

2 files changed

+20
-20
lines changed

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

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -14,11 +14,11 @@ ms.subservice: web-sdk
1414

1515
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:
1616

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.
1818
- 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)].
1919
- Query data in a Web Feature Service (WFS). For more information, see [Connect to a WFS service].
2020
- 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].
2222

2323
This guide demonstrates how to integrate and use the Spatial IO module in a web application.
2424

@@ -30,12 +30,12 @@ The following video provides an overview of the Spatial IO module in the Azure M
3030
> [!WARNING]
3131
> 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.
3232
33-
## Prerequisites
33+
Prerequisites include:
3434

3535
- An [Azure Maps account]
3636
- A [subscription key]
3737

38-
## Installing the Spatial IO module
38+
## Install the Spatial IO module
3939

4040
You can load the Azure Maps Spatial IO module using one of the following two options:
4141

@@ -59,7 +59,7 @@ You can load the Azure Maps Spatial IO module using one of the following two opt
5959

6060
To learn more, see [How to use the Azure Maps map control npm package].
6161

62-
## Using the Spatial IO module
62+
## Use the Spatial IO module
6363

6464
1. Create a new HTML file.
6565

@@ -231,17 +231,17 @@ There are many features available in the Spatial IO module. To learn about other
231231
- [Read and write spatial data]
232232
- [Add an OGC map layer]
233233
- [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]
237237

238238
[Add a simple data layer]: spatial-io-add-simple-data-layer.md
239239
[Read and write spatial data]: spatial-io-read-write-spatial-data.md
240240
[Add an OGC map layer]: spatial-io-add-ogc-map-layer.md
241241
[Connect to a WFS service]: spatial-io-connect-wfs-service.md
242-
[Leverage core operations]: spatial-io-core-operations.md
243-
[Supported data format details]: spatial-io-supported-data-format-details.md
244-
[Documentation: Azure Maps Spatial IO package]: /javascript/api/azure-maps-spatial-io
242+
[Use core operations]: spatial-io-core-operations.md
243+
[Learn about supported data formats]: spatial-io-supported-data-format-details.md
244+
[Get documentation for the Azure Maps Spatial IO package]: /javascript/api/azure-maps-spatial-io
245245
[Add a map layer from the Open Geospatial Consortium (OGC)]: spatial-io-add-ogc-map-layer.md
246246
[Azure Maps account]: quick-demo-map-app.md#create-an-azure-maps-account
247247
[Azure Maps map control]: how-to-use-map-control.md

articles/azure-maps/spatial-io-add-simple-data-layer.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -121,7 +121,7 @@ The sample code renders the point feature using the simple data layer, and appea
121121
122122
The simple data layer is a powerful tool for the following scenarios:
123123

124-
- There are several feature types in a data source.
124+
- A data source includes several feature types.
125125
- Features in the data set have several style properties that are individually set.
126126
- You're not sure what the data set contains.
127127

@@ -134,28 +134,28 @@ For example, when parsing XML data feeds, you might not know the features' exact
134134
------------------------------------>
135135

136136
> [!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:
138138
>
139139
> - 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.
141141
>
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.
143143
144144
## Default supported style properties
145145

146146
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.
147147

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.
149149

150150
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.
151151

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.
153153

154154
### Bubble layer style properties
155155

156156
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`.
157157

158-
| Layer option | Supported property name(s) | Default value |
158+
| Layer option | Supported property names | Default value |
159159
|--------------|----------------------------|---------------|
160160
| `color` | `color`, `marker-color` | `'#1A73AA'` |
161161
| `radius` | `size`<sup>1</sup>, `marker-size`<sup>2</sup>, `scale`<sup>1</sup> | `8` |
@@ -205,7 +205,7 @@ If the point feature is a cluster, the `point_count_abbreviated` property is ren
205205

206206
If the feature is a `LineString`, `MultiLineString`, `Polygon`, or `MultiPolygon`, the feature is rendered with a `LineLayer`.
207207

208-
| Layer option | Supported property name(s) | Default value |
208+
| Layer option | Supported property names | Default value |
209209
|-----------------|----------------------------|---------------|
210210
| `strokeColor` | `strokeColor`, `stroke` | `'#1E90FF'` |
211211
| `strokeWidth` | `strokeWidth`, `stroke-width`, `stroke-thickness` | `3` |
@@ -215,7 +215,7 @@ If the feature is a `LineString`, `MultiLineString`, `Polygon`, or `MultiPolygon
215215

216216
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`.
217217

218-
| Layer option | Supported property name(s) | Default value |
218+
| Layer option | Supported property names | Default value |
219219
|--------------|----------------------------|---------------|
220220
| `fillColor` | `fillColor`, `fill` | `'#1E90FF'` |
221221
| `fillOpacity`|`fillOpacity`, '`fill-opacity`| `0.5` |

0 commit comments

Comments
 (0)