Skip to content

Commit ebb1fb8

Browse files
authored
Merge pull request #116125 from anastasia-ms/primarykey
Clarify Primary Key
2 parents 8496ef7 + de42ac4 commit ebb1fb8

File tree

1 file changed

+12
-8
lines changed

1 file changed

+12
-8
lines changed

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

Lines changed: 12 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
2-
title: "Quickstart: Interactive map search with Azure Maps | Microsoft Azure Maps"
2+
title: "Quickstart: Interactive map search with Azure Maps"
33
description: Learn how to create a demo web application for interactive map search by using Microsoft Azure Maps web SDK.
44
author: philmea
55
ms.author: philmea
6-
ms.date: 1/14/2020
6+
ms.date: 5/21/2020
77
ms.topic: quickstart
88
ms.service: azure-maps
99
services: azure-maps
@@ -14,8 +14,9 @@ ms.custom: mvc
1414
# Quickstart: Create an interactive search map by using Azure Maps
1515

1616
This article demonstrates the capabilities of Azure Maps to create a map that gives users an interactive search experience. It walks you through these basic steps:
17+
1718
* Create your own Azure Maps account.
18-
* Get your account key to use in the demo web application.
19+
* Get your primary key to use in the demo web application.
1920

2021
If you don't have an Azure subscription, create a [free account](https://azure.microsoft.com/free/?WT.mc_id=A261C142F) before you begin.
2122

@@ -46,24 +47,27 @@ Create a new Maps account with the following steps:
4647

4748
## Get the primary key for your account
4849

49-
Once your Maps account is successfully created, retrieve the key that enables you to query the Maps APIs. We recommend using your account's primary key as the subscription key when calling Azure Maps services.
50+
Once your Maps account is successfully created, retrieve the primary key that enables you to query the Maps APIs.
5051

5152
1. Open your Maps account in the portal.
5253
2. In the settings section, select **Authentication**.
5354
3. Copy the **Primary Key** to your clipboard. Save it locally to use later in this tutorial.
5455

56+
>[!NOTE]
57+
> If you use the subscription key instead of the primary key, your map won't render properly. Also, for security purposes, it is recommended that you rotate between your primary and secondary keys. To rotate keys, update your app to use the secondary key, deploy, then press the cycle/refresh button beside the primary key to generate a new primary key. The old primary key will be disabled. For more information on key rotation, see [Set up Azure Key Vault with key rotation and auditing](https://docs.microsoft.com/azure/key-vault/secrets/key-rotation-log-monitoring)
58+
5559
![Get Primary Key Azure Maps key in Azure portal](./media/quick-demo-map-app/get-key.png)
5660

5761
## Download the application
5862

59-
1. Go to [interactiveSearch.html](https://github.com/Azure-Samples/AzureMapsCodeSamples/blob/master/AzureMapsCodeSamples/Tutorials/interactiveSearch.html) and click it to view the contents within the GitHub User Interface. Right click on the **Raw** button and copy the content of the file or 'Save as' to download the file.
63+
1. Go to [interactiveSearch.html](https://github.com/Azure-Samples/AzureMapsCodeSamples/blob/master/AzureMapsCodeSamples/Tutorials/interactiveSearch.html). Copy the content of the file.
6064
2. Save the contents of this file locally as **AzureMapDemo.html**. Open it in a text editor.
6165
3. Search for the string `<Your Azure Maps Key>`. Replace it with the **Primary Key** value from the preceding section.
6266

6367
## Open the application
6468

6569
1. Open the file **AzureMapDemo.html** in a browser of your choice.
66-
2. Observe the map shown of the City of Los Angeles. Zoom in and out to see how the map automatically renders with more or less information depending on the zoom level.
70+
2. Observe the map shown of the City of Los Angeles. Zoom in and out to see how the map automatically renders with more or less information depending on the zoom level.
6771
3. Change the default center of the map. In the **AzureMapDemo.html** file, search for the variable named **center**. Replace the longitude, latitude pair value for this variable with the new values **[-74.0060, 40.7128]**. Save the file and refresh your browser.
6872
4. Try out the interactive search experience. In the search box on the upper-left corner of the demo web application, search for **restaurants**.
6973
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.
@@ -82,12 +86,12 @@ The tutorials detail how to use and configure Azure Maps with your account. Don'
8286
In this quickstart, you created your Azure Maps account and created a demo app. Take a look at the following tutorials to learn about Azure Maps:
8387

8488
> [!div class="nextstepaction"]
85-
> [Search nearby points of interest by using Azure Maps](tutorial-search-location.md)
89+
> [Search nearby points of interest with Azure Maps](tutorial-search-location.md)
8690
8791
For more code examples and an interactive coding experience, see these guides:
8892

8993
> [!div class="nextstepaction"]
90-
> [Find an address by using the Azure Maps search service](how-to-search-for-address.md)
94+
> [Find an address with Azure Maps search service](how-to-search-for-address.md)
9195
9296
> [!div class="nextstepaction"]
9397
> [Use the Azure Maps Map Control](how-to-use-map-control.md)

0 commit comments

Comments
 (0)