Skip to content

Commit c6ebffd

Browse files
authored
Merge pull request #112178 from stevemunk/map-extruded-polygon
Article: Add a polygon extrusion layer to the map: Grammar and end-links.
2 parents 1ddebce + 565cc7f commit c6ebffd

File tree

1 file changed

+17
-11
lines changed

1 file changed

+17
-11
lines changed

articles/azure-maps/map-extruded-polygon.md

Lines changed: 17 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
---
2-
title: Add a polygon extrusion layer to a map | Microsoft Azure Maps
2+
title: Add a polygon extrusion layer to a map
3+
titleSuffix: Microsoft Azure Maps
34
description: How to add a polygon extrusion layer to the Microsoft Azure Maps Web SDK.
45
author: dubiety
56
ms.author: yuchungchen
@@ -10,11 +11,11 @@ ms.service: azure-maps
1011

1112
# Add a polygon extrusion layer to the map
1213

13-
This article shows you how to use the polygon extrusion layer to render areas of `Polygon` and `MultiPolygon` feature geometries as extruded shapes. The Azure Maps Web SDK supports rendering of Circle geometries as defined in the [extended GeoJSON schema](extend-geojson.md#circle). These circles can be transformed into polygons when rendered on the map. All feature geometries may be updated easily when wrapped with the [atlas.Shape](/javascript/api/azure-maps-control/atlas.shape) class.
14+
This article shows you how to use the polygon extrusion layer to render areas of `Polygon` and `MultiPolygon` feature geometries as extruded shapes. The Azure Maps Web SDK supports rendering of Circle geometries as defined in the [extended GeoJSON schema]. These circles can be transformed into polygons when rendered on the map. All feature geometries may be updated easily when wrapped with the [atlas.Shape] class.
1415

1516
## Use a polygon extrusion layer
1617

17-
Connect the [polygon extrusion layer](/javascript/api/azure-maps-control/atlas.layer.polygonextrusionlayer) to a data source. Then, loaded it on the map. The polygon extrusion layer renders the areas of a `Polygon` and `MultiPolygon` features as extruded shapes. The `height` and `base` properties of the polygon extrusion layer define the base distance from the ground and height of the extruded shape in **meters**. The following code shows how to create a polygon, add it to a data source, and render it using the Polygon extrusion layer class.
18+
Connect the [polygon extrusion layer] to a data source. Then, loaded it on the map. The polygon extrusion layer renders the areas of a `Polygon` and `MultiPolygon` features as extruded shapes. The `height` and `base` properties of the polygon extrusion layer define the base distance from the ground and height of the extruded shape in **meters**. The following code shows how to create a polygon, add it to a data source, and render it using the Polygon extrusion layer class.
1819

1920
> [!NOTE]
2021
> The `base` value defined in the polygon extrusion layer should be less than or equal to that of the `height`.
@@ -123,7 +124,7 @@ The [Create a Choropleth Map] sample shows an extruded choropleth map of the Uni
123124

124125
## Add a circle to the map
125126

126-
Azure Maps uses an extended version of the GeoJSON schema that provides a [definition for circles](./extend-geojson.md#circle). An extruded circle can be rendered on the map by creating a `point` feature with a `subType` property of `Circle` and a numbered `Radius` property representing the radius in **meters**. For example:
127+
Azure Maps uses an extended version of the GeoJSON schema that provides a [definition for circles]. An extruded circle can be rendered on the map by creating a `point` feature with a `subType` property of `Circle` and a numbered `Radius` property representing the radius in **meters**. For example:
127128

128129
```javascript
129130
{
@@ -205,18 +206,23 @@ The Polygon Extrusion layer has several styling options. The [Polygon Extrusion
205206
Learn more about the classes and methods used in this article:
206207

207208
> [!div class="nextstepaction"]
208-
> [Polygon](/javascript/api/azure-maps-control/atlas.data.polygon)
209+
> [Polygon]
209210
210211
> [!div class="nextstepaction"]
211-
> [polygon extrusion layer](/javascript/api/azure-maps-control/atlas.layer.polygonextrusionlayer)
212+
> [polygon extrusion layer]
212213
213-
Additional resources:
214+
More resources:
214215

215216
> [!div class="nextstepaction"]
216-
> [Azure Maps GeoJSON specification extension](extend-geojson.md#circle)
217-
218-
[Create a Choropleth Map]: https://samples.azuremaps.com/?sample=create-a-choropleth-map
219-
[Polygon Extrusion Layer Options]: https://samples.azuremaps.com/?sample=polygon-extrusion-layer-options
217+
> [Azure Maps GeoJSON specification extension]
220218
219+
[atlas.Shape]: /javascript/api/azure-maps-control/atlas.shape
220+
[Azure Maps GeoJSON specification extension]: extend-geojson.md#circle
221221
[Create a Choropleth Map source code]: https://github.com/Azure-Samples/AzureMapsCodeSamples/blob/main/Samples/Demos/Create%20a%20Choropleth%20Map/Create%20a%20Choropleth%20Map.html
222+
[Create a Choropleth Map]: https://samples.azuremaps.com/?sample=create-a-choropleth-map
223+
[definition for circles]: extend-geojson.md#circle
224+
[extended GeoJSON schema]: extend-geojson.md#circle
222225
[Polygon Extrusion Layer Options source code]: https://github.com/Azure-Samples/AzureMapsCodeSamples/blob/main/Samples/Polygons/Polygon%20Extrusion%20Layer%20Options/Polygon%20Extrusion%20Layer%20Options.html
226+
[Polygon Extrusion Layer Options]: https://samples.azuremaps.com/?sample=polygon-extrusion-layer-options
227+
[polygon extrusion layer]: /javascript/api/azure-maps-control/atlas.layer.polygonextrusionlayer
228+
[Polygon]: /javascript/api/azure-maps-control/atlas.data.polygon

0 commit comments

Comments
 (0)