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-render-custom-data.md
+13-22Lines changed: 13 additions & 22 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -3,7 +3,7 @@ title: Render custom data on a raster map in Microsoft Azure Maps
3
3
description: Learn how to add pushpins, labels, and geometric shapes to a raster map. See how to use the static image service in Azure Maps for this purpose.
4
4
author: eriklindeman
5
5
ms.author: eriklind
6
-
ms.date: 10/28/2021
6
+
ms.date: 06/19/2024
7
7
ms.topic: how-to
8
8
ms.service: azure-maps
9
9
services: azure-maps
@@ -12,7 +12,7 @@ ms.custom: mvc
12
12
13
13
# Render custom data on a raster map
14
14
15
-
This article describes how to use the [Get Map Static Image] command with image composition functionality. Image composition functionality supports the retrieval of static raster tiles that contain custom data.
15
+
This article describes how to use the [Get Map Static Image] command with image composition functionality. Image composition functionality supports the retrieval of static raster tiles that contain custom data and different styles.
16
16
17
17
The following are examples of custom data:
18
18
@@ -28,21 +28,19 @@ The following are examples of custom data:
28
28
-[Azure Maps account]
29
29
-[Subscription key]
30
30
31
-
This article uses the [Bruno] application, but you may use a different API development environment.
32
-
33
-
>[!IMPORTANT]
31
+
> [!IMPORTANT]
34
32
> In the URL examples, replace `{Your-Azure-Maps-Subscription-key}` with your Azure Maps subscription key.
35
33
36
-
## Render pushpins with labels and a custom image
34
+
This article uses the [Bruno] application, but you may use a different API development environment.
37
35
38
36
> [!NOTE]
39
-
> The procedure in this section requires an Azure Maps account in the Gen2 pricing tier.
37
+
> The examples in this article require an Azure Maps account in the Gen2 pricing tier.
40
38
>
41
39
> **Azure Maps Gen1 pricing tier retirement**
42
40
>
43
41
> Gen1 pricing tier is now deprecated and will be retired on 9/15/26. Gen2 pricing tier replaces Gen1 (both S0 and S1) pricing tier. If your Azure Maps account has Gen1 pricing tier selected, you can switch to Gen2 pricing before it’s retired, otherwise it will automatically be updated. For more information, see [Manage the pricing tier of your Azure Maps account].
44
42
45
-
###Get static image with custom pins and labels
43
+
## Get static image with custom pins and labels
46
44
47
45
To get a static image with custom pins and labels:
48
46
@@ -70,9 +68,6 @@ The following image is returned:
70
68
71
69
## Render a polygon with color and opacity
72
70
73
-
> [!NOTE]
74
-
> The procedure in this section requires an Azure Maps account Gen1 (S1) or Gen2 pricing tier.
75
-
76
71
You can modify the appearance of a polygon by using style modifiers with the [path] parameter.
77
72
78
73
To render a polygon with color and opacity:
@@ -142,7 +137,7 @@ The following image is returned:
142
137
143
138
Similarly, you can change, add, and remove other style modifiers.
144
139
145
-
### Add a traffic layer
140
+
## Add a traffic layer
146
141
147
142
To get a static image with a traffic layer rendered on a roads basemap, use the `trafficLayer` parameter. The following example shows a map with a traffic layer as well as a pin with a label:
148
143
@@ -168,7 +163,7 @@ The following image is returned:
168
163
169
164
:::image type="content" source="./media/how-to-render-custom-data/rendering-traffic-layer-information.png" alt-text="A screenshot of a map showing the traffic layer, as well as a custom pushpin with the label Westminster Bridge.":::
170
165
171
-
### Create a map using the dark gray style
166
+
## Create a map using the dark gray style
172
167
173
168
To get a static image with the dark gray style appplied, set the `TilesetId` parameter to `microsoft.base.darkgrey`:
174
169
@@ -196,8 +191,7 @@ The following image is returned:
196
191
197
192
For more information the different styles available using the TilesetId parameter, see [TilesetId] in the *Render - Get Map Tileset* REST API documentation.
198
193
199
-
200
-
### Create a map using the imagery style
194
+
## Create a map using the imagery style
201
195
202
196
To get a static image with the imagery style appplied, set the `TilesetId` parameter to `microsoft.imagery`:
203
197
@@ -212,7 +206,7 @@ To get a static image with the imagery style appplied, set the `TilesetId` param
@@ -221,24 +215,21 @@ To get a static image with the imagery style appplied, set the `TilesetId` param
221
215
222
216
The following image is returned:
223
217
224
-
:::image type="content" source="./media/how-to-render-custom-data/darkgray.png" alt-text="A screenshot of a map showing the dark gray style created by setting the tileset ID parameter to microsoft.base.darkgrey.":::
218
+
:::image type="content" source="./media/how-to-render-custom-data/imagery.png" alt-text="A screenshot of a map showing the dark gray style created by setting the tileset ID parameter to microsoft.base.darkgrey.":::
225
219
226
220
For more information the different styles available using the TilesetId parameter, see [TilesetId] in the *Render - Get Map Tileset* REST API documentation.
0 commit comments