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/quick-demo-map-app.md
+19-19Lines changed: 19 additions & 19 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,9 +1,10 @@
1
1
---
2
2
title: 'Quickstart: Interactive map search with Azure Maps'
3
+
titeSuffix: Microsoft Azure Maps
3
4
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'
4
5
author: stevemunk
5
6
ms.author: v-munksteve
6
-
ms.date: 09/30/2021
7
+
ms.date: 12/23/2021
7
8
ms.topic: quickstart
8
9
ms.service: azure-maps
9
10
services: azure-maps
@@ -32,30 +33,29 @@ This quickstart uses the Azure Maps Web SDK, however the Azure Maps service can
32
33
33
34
Create a new Azure Maps account with the following steps:
34
35
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:
39
40
* 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.
45
45
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":::
47
47
48
48
<aid="getkey"></a>
49
49
50
50
## Get the primary key for your account
51
51
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.
53
53
54
54
1. Open your Maps account in the portal.
55
55
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.
:::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":::
59
59
60
60
>[!NOTE]
61
61
> 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
77
77
4. Try out the interactive search experience. In the search box on the upper-left corner of the demo web application, search for **restaurants**.
78
78
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.
79
79
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":::
81
81
82
82
## Clean up resources
83
83
@@ -87,17 +87,17 @@ Once your Maps account is successfully created, retrieve the primary key that en
87
87
If you don't plan to continue to the tutorials, take these steps to clean up the resources:
88
88
89
89
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.
92
92
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:
94
94
95
95
*[Find an address with Azure Maps search service](how-to-search-for-address.md)
96
96
*[Use the Azure Maps Map Control](how-to-use-map-control.md)
97
97
98
98
## Next steps
99
99
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:
101
101
102
102
> [!div class="nextstepaction"]
103
103
> [Search nearby points of interest with Azure Maps](tutorial-search-location.md)
0 commit comments