Skip to content

Commit f6b094b

Browse files
committed
Converted inline links to end links.
1 parent 2c2ec52 commit f6b094b

File tree

1 file changed

+21
-12
lines changed

1 file changed

+21
-12
lines changed

articles/azure-maps/how-to-use-map-control.md

Lines changed: 21 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22
title: How to use the Azure Maps web map control
33
titleSuffix: Microsoft Azure Maps
44
description: Learn how to add and localize maps to web and mobile applications by using the Map Control client-side JavaScript library in Azure Maps.
5-
author: eriklindeman
6-
ms.author: eriklind
5+
author: dubiety
6+
ms.author: yuchungchen
77
ms.date: 06/29/2023
88
ms.topic: how-to
99
ms.service: azure-maps
@@ -15,7 +15,7 @@ ms.custom: devx-track-js
1515

1616
The Map Control client-side JavaScript library allows you to render maps and embedded Azure Maps functionality into your web or mobile application.
1717

18-
This article uses the Azure Maps Web SDK, however the Azure Maps services work with any map control. For a list of third-party map control plug-ins, see [Azure Maps community - Open-source projects](open-source-projects.md#third-part-map-control-plugins).
18+
This article uses the Azure Maps Web SDK, however the Azure Maps services work with any map control. For a list of third-party map control plug-ins, see [Azure Maps community - Open-source projects].
1919

2020
## Prerequisites
2121

@@ -40,7 +40,7 @@ You can embed a map in a web page by using the Map Control client-side JavaScrip
4040
<script src="https://atlas.microsoft.com/sdk/javascript/mapcontrol/2/atlas.min.js"></script>
4141
```
4242

43-
* Load the Azure Maps Web SDK source code locally using the [azure-maps-control](https://www.npmjs.com/package/azure-maps-control) npm package and host it with your app. This package also includes TypeScript definitions.
43+
* Load the Azure Maps Web SDK source code locally using the [azure-maps-control] npm package and host it with your app. This package also includes TypeScript definitions.
4444

4545
> **npm install azure-maps-control**
4646

@@ -80,7 +80,7 @@ You can embed a map in a web page by using the Map Control client-side JavaScrip
8080
</body>
8181
```
8282

83-
5. Next, initialize the map control. In order to authenticate the control, use an Azure Maps subscription key or Azure AD credentials with [authentication options](/javascript/api/azure-maps-control/atlas.authenticationoptions).
83+
5. Next, initialize the map control. In order to authenticate the control, use an Azure Maps subscription key or Azure AD credentials with [authentication options].
8484

8585
If you're using a subscription key for authentication, copy and paste the following script element inside the `<head>` element, and below the first `<script>` element. Replace `<Your Azure Maps Key>` with your Azure Maps subscription key.
8686

@@ -122,7 +122,7 @@ You can embed a map in a web page by using the Map Control client-side JavaScrip
122122
</script>
123123
```
124124

125-
For more information about authentication with Azure Maps, see the [Authentication with Azure Maps](azure-maps-authentication.md) document. For a list of samples showing how to integrate Azure AD with Azure Maps, see [Azure Maps & Azure Active Directory Samples](https://github.com/Azure-Samples/Azure-Maps-AzureAD-Samples) in GitHub.
125+
For more information about authentication with Azure Maps, see the [Authentication with Azure Maps] document. For a list of samples showing how to integrate Azure AD with Azure Maps, see [Azure Maps & Azure Active Directory Samples] in GitHub.
126126

127127
>[!TIP]
128128
>In this example, we've passed in the `id` of the map `<div>`. Another way to do this is to pass in the `HTMLElement` object by passing`document.getElementById('myMap')` as the first parameter.
@@ -227,7 +227,7 @@ Here's an example of Azure Maps with the language set to "fr-FR" and the regiona
227227

228228
![Map image showing labels in French](./media/how-to-use-map-control/websdk-localization.png)
229229

230-
For a list of supported languages and regional views, see [Localization support in Azure Maps](supported-languages.md).
230+
For a list of supported languages and regional views, see [Localization support in Azure Maps].
231231

232232
## Azure Government cloud support
233233

@@ -253,10 +253,10 @@ If directly accessing the Azure Maps REST services, change the URL domain to `at
253253

254254
If developing using a JavaScript framework, one of the following open-source projects may be useful:
255255

256-
* [ng-azure-maps](https://github.com/arnaudleclerc/ng-azure-maps) - Angular 10 wrapper around Azure maps.
257-
* [AzureMapsControl.Components](https://github.com/arnaudleclerc/AzureMapsControl.Components) - An Azure Maps Blazor component.
258-
* [Azure Maps React Component](https://github.com/WiredSolutions/react-azure-maps) - A react wrapper for the Azure Maps control.
259-
* [Vue Azure Maps](https://github.com/rickyruiz/vue-azure-maps) - An Azure Maps component for Vue application.
256+
* [ng-azure-maps] - Angular 10 wrapper around Azure maps.
257+
* [AzureMapsControl.Components] - An Azure Maps Blazor component.
258+
* [Azure Maps React Component] - A react wrapper for the Azure Maps control.
259+
* [Vue Azure Maps] - An Azure Maps component for Vue application.
260260

261261
## Next steps
262262

@@ -283,6 +283,15 @@ For a list of samples showing how to integrate Azure AD with Azure Maps, see:
283283
> [!div class="nextstepaction"]
284284
> [Azure AD authentication samples](https://github.com/Azure-Samples/Azure-Maps-AzureAD-Samples)
285285
286+
[authentication options]: /javascript/api/azure-maps-control/atlas.authenticationoptions
287+
[Authentication with Azure Maps]: azure-maps-authentication.md
288+
[Azure Maps & Azure Active Directory Samples]: https://github.com/Azure-Samples/Azure-Maps-AzureAD-Samples
286289
[Azure Maps account]: quick-demo-map-app.md#create-an-azure-maps-account
290+
[Azure Maps community - Open-source projects]: open-source-projects.md#third-part-map-control-plugins
291+
[Azure Maps React Component]: https://github.com/WiredSolutions/react-azure-maps
292+
[AzureMapsControl.Components]: https://github.com/arnaudleclerc/AzureMapsControl.Components
293+
[azure-maps-control]: https://www.npmjs.com/package/azure-maps-control
294+
[Localization support in Azure Maps]: supported-languages.md
295+
[ng-azure-maps]: https://github.com/arnaudleclerc/ng-azure-maps
287296
[subscription key]: quick-demo-map-app.md#get-the-subscription-key-for-your-account
288-
[authentication options]: /javascript/api/azure-maps-control/atlas.authenticationoptions
297+
[Vue Azure Maps]: https://github.com/rickyruiz/vue-azure-maps

0 commit comments

Comments
 (0)