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