Skip to content

Commit 219ec1c

Browse files
github-actions[bot]KB Bot
andauthored
Added new kb article map-azure-maps-support (#698)
Co-authored-by: KB Bot <[email protected]>
1 parent afc05d9 commit 219ec1c

File tree

1 file changed

+61
-0
lines changed

1 file changed

+61
-0
lines changed
Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
---
2+
title: Implementing Azure Maps Support in RadMap for ASP.NET AJAX
3+
description: Learn how to use Azure Maps with the RadMap for ASP.NET AJAX by utilizing Azure's PNG tile API and configuring the UrlTemplate property of TileLayers.
4+
type: how-to
5+
page_title: Using Azure Maps with RadMap for ASP.NET AJAX
6+
meta_title: Using Azure Maps with RadMap for ASP.NET AJAX
7+
slug: map-azure-maps-support
8+
tags: radmap, asp.net ajax, azure maps, tilelayers, urltemplate
9+
res_type: kb
10+
ticketid: 1688913
11+
---
12+
13+
## Environment
14+
15+
<table>
16+
<tbody>
17+
<tr>
18+
<td> Product </td>
19+
<td> RadMap for ASP.NET AJAX </td>
20+
</tr>
21+
<tr>
22+
<td> Version </td>
23+
<td> All </td>
24+
</tr>
25+
</tbody>
26+
</table>
27+
28+
## Description
29+
30+
I want to use Azure Maps with RadMap for ASP.NET AJAX instead of Bing Maps. I need to know if RadMap supports Azure Maps and how to configure it.
31+
32+
This knowledge base article also answers the following questions:
33+
- How to use Azure Maps with RadMap for ASP.NET AJAX?
34+
- Can RadMap work with Azure's PNG tile API?
35+
- How to configure TileLayers in RadMap for Azure Maps?
36+
37+
## Solution
38+
39+
To use Azure Maps with RadMap for ASP.NET AJAX, utilize Azure's PNG tile API and configure the `UrlTemplate` property of the [TileLayers](https://docs.telerik.com/devtools/aspnet-ajax/controls/map/functionality/tile-layers). Follow these steps:
40+
41+
1. Ensure you have an Azure Maps account and an authentication key. Refer to [Azure Maps Authentication](https://docs.microsoft.com/en-us/azure/azure-maps/how-to-manage-authentication) for details.
42+
2. Specify the API version in the URL for the `UrlTemplate` property.
43+
3. Use the following code snippet to set up Azure Maps in RadMap:
44+
45+
````ASP.NET
46+
<telerik:RadMap runat="server" ID="RadMap1">
47+
<LayersCollection>
48+
<telerik:MapLayer Type="Tile" UrlTemplate="https://atlas.microsoft.com/map/tile?subscription-key=[KEY]&api-version=2.0&tilesetId=microsoft.base.road&x=#=x#&y=#=y#&zoom=#=zoom#&tileSize=256" />
49+
</LayersCollection>
50+
</telerik:RadMap>
51+
````
52+
53+
- Replace `[KEY]` with your Azure Maps subscription key.
54+
55+
By implementing this configuration, Azure Maps will function as a map layer in RadMap.
56+
57+
## See Also
58+
59+
- [Tile Layers Documentation](https://docs.telerik.com/devtools/aspnet-ajax/controls/map/functionality/tile-layers)
60+
- [Azure Maps Authentication](https://docs.microsoft.com/en-us/azure/azure-maps/how-to-manage-authentication)
61+
- [RadMap Overview](https://docs.telerik.com/devtools/aspnet-ajax/controls/map/overview)

0 commit comments

Comments
 (0)