Skip to content

Commit e034942

Browse files
authored
Merge pull request #183585 from stevemunk/SM-Web-QuickStart-Change-Click-to-Select-and-Update-Alt-Text
Updates to the Azure Maps Web SDK quickstart
2 parents fb6f178 + 8ea27ea commit e034942

File tree

2 files changed

+19
-19
lines changed

2 files changed

+19
-19
lines changed
59.4 KB
Loading

articles/azure-maps/quick-demo-map-app.md

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
11
---
22
title: 'Quickstart: Interactive map search with Azure Maps'
3+
titeSuffix: Microsoft Azure Maps
34
description: 'Quickstart: Learn how to create interactive, searchable maps. See how to create an Azure Maps account, get a primary key, and use the Web SDK to set up map applications'
45
author: stevemunk
56
ms.author: v-munksteve
6-
ms.date: 09/30/2021
7+
ms.date: 12/23/2021
78
ms.topic: quickstart
89
ms.service: azure-maps
910
services: azure-maps
@@ -32,30 +33,29 @@ This quickstart uses the Azure Maps Web SDK, however the Azure Maps service can
3233

3334
Create a new Azure Maps account with the following steps:
3435

35-
1. In the upper left-hand corner of the [Azure portal](https://portal.azure.com), click **Create a resource**.
36-
2. In the *Search the Marketplace* box, type **Azure Maps**.
37-
3. From the *Results*, select **Azure Maps**. Click **Create** button that appears below the map.
38-
4. On the **Create Maps Account** page, enter the following values:
36+
1. Select **Create a resource** in the upper left-hand corner of the [Azure portal](https://portal.azure.com).
37+
2. Type **Azure Maps** in the *Search services and Marketplace* box.
38+
3. Select **Azure Maps** in the drop down list that appears, then select the **Create** button.
39+
4. On the **Create an Azure Maps Account resource** page, enter the following values then select the **Create** button:
3940
* The *Subscription* that you want to use for this account.
40-
* The *Resource group* name for this account. You may choose to *Create new* or *Use existing* resource group.
41-
* The *Name* of your new account.
42-
* The *Pricing tier* for this account.
43-
* Read the *License* and *Privacy Statement*, and check the checkbox to accept the terms.
44-
* Click the **Create** button.
41+
* The *Resource group* name for this account. You may choose to *Create new* or *Select existing* resource group.
42+
* The *Name* of your new Azure Maps account.
43+
* The *Pricing tier* for this account. Select **Gen2**.
44+
* Read the *License* and *Privacy Statement*, then select the checkbox to accept the terms.
4545

46-
:::image type="content" source="./media/quick-demo-map-app/create-account.png" alt-text="Create Maps account in portal" lightbox="./media/quick-demo-map-app/create-account.png":::
46+
:::image type="content" source="./media/quick-demo-map-app/create-account.png" alt-text="A screen shot showing the Create an Azure Maps Account resource page in the Azure portal." lightbox="./media/quick-demo-map-app/create-account.png":::
4747

4848
<a id="getkey"></a>
4949

5050
## Get the primary key for your account
5151

52-
Once your Maps account is successfully created, retrieve the primary key that enables you to query the Maps APIs.
52+
Once your Azure Maps account is successfully created, retrieve the primary key that enables you to query the Maps APIs.
5353

5454
1. Open your Maps account in the portal.
5555
2. In the settings section, select **Authentication**.
56-
3. Copy the **Primary Key** to your clipboard. Save it locally to use later in this tutorial.
56+
3. Copy the **Primary Key** and save it locally to use later in this tutorial.
5757

58-
:::image type="content" source="./media/quick-demo-map-app/get-key.png" alt-text="Get Primary Key Azure Maps key in Azure portal" lightbox="./media/quick-demo-map-app/get-key.png":::
58+
:::image type="content" source="./media/quick-demo-map-app/get-key.png" alt-text="Screen shot showing your Azure Maps Primary Key in the Azure portal" lightbox="./media/quick-demo-map-app/get-key.png":::
5959

6060
>[!NOTE]
6161
> This quickstart uses the [Shared Key](azure-maps-authentication.md#shared-key-authentication) authentication approach for demonstration purposes, but the preferred approach for any production environment is to use [Azure Active Directory](azure-maps-authentication.md#azure-ad-authentication) authentication.
@@ -77,7 +77,7 @@ Once your Maps account is successfully created, retrieve the primary key that en
7777
4. Try out the interactive search experience. In the search box on the upper-left corner of the demo web application, search for **restaurants**.
7878
5. Move your mouse over the list of addresses and locations that appear below the search box. Notice how the corresponding pin on the map pops out information about that location. For privacy of private businesses, fictitious names and addresses are shown.
7979

80-
:::image type="content" source="./media/quick-demo-map-app/interactive-search.png" alt-text="Interactive map search web application" lightbox="./media/quick-demo-map-app/interactive-search.png":::
80+
:::image type="content" source="./media/quick-demo-map-app/interactive-search.png" alt-text="A screen shot showing the interactive map search web application." lightbox="./media/quick-demo-map-app/interactive-search.png":::
8181

8282
## Clean up resources
8383

@@ -87,17 +87,17 @@ Once your Maps account is successfully created, retrieve the primary key that en
8787
If you don't plan to continue to the tutorials, take these steps to clean up the resources:
8888

8989
1. Close the browser that runs the **AzureMapDemo.html** web application.
90-
2. Navigate to the Azure portal page. Select **All resources** from the main portal page. Or, click on the menu icon in the upper left-hand corner. Select **All resources**.
91-
3. Click on your Azure Maps account. At the top of the page, click **Delete**.
90+
2. Navigate to the Azure portal. Select **All resources** from the main portal page, or select the menu icon in the upper left-hand corner then **All resources**.
91+
3. Select your Azure Maps account, then select **Delete** at the top of the page.
9292

93-
For more code examples and an interactive coding experience, see these guides:
93+
For more code examples and an interactive coding experience, see these articles:
9494

9595
* [Find an address with Azure Maps search service](how-to-search-for-address.md)
9696
* [Use the Azure Maps Map Control](how-to-use-map-control.md)
9797

9898
## Next steps
9999

100-
In this quickstart, you created your Azure Maps account and created a demo application. Take a look at the following tutorials to learn more about Azure Maps:
100+
In this quickstart, you created an Azure Maps account and a demo application. Take a look at the following tutorials to learn more about Azure Maps:
101101

102102
> [!div class="nextstepaction"]
103103
> [Search nearby points of interest with Azure Maps](tutorial-search-location.md)

0 commit comments

Comments
 (0)