快速入門：使用 Azure Maps 創(chuàng)建交互式搜索地圖

本文演示如何使用Azure Maps創(chuàng)建地圖，為用戶提供交互式搜索體驗。本文演示如何完成以下基本步驟：

·創(chuàng)建自己的Azure Maps帳戶。

·獲取要在演示版Web應(yīng)用程序中使用的主密鑰。

·下載并打開演示版地圖應(yīng)用程序。

先決條件

·如果沒有Azure訂閱，請在開始之前創(chuàng)建一個免費帳戶。

·登錄Azure門戶。

創(chuàng)建Azure Maps帳戶

通過以下步驟創(chuàng)建新的Azure Maps帳戶：

1.在Azure門戶的左上角單擊“創(chuàng)建資源”。

2.在“在市場中搜索”框中，鍵入“Azure Maps”。

3.從“結(jié)果”中，選擇“Azure Maps”。單擊地圖下面顯示的“創(chuàng)建”按鈕。

4.在“創(chuàng)建Maps帳戶”頁上，輸入以下值：

·要用于此帳戶的訂閱。

·此帳戶的資源組名稱?？梢赃x擇新建或使用現(xiàn)有的資源組。

·新帳戶的名稱。

·此帳戶的定價層。

·閱讀許可證和隱私聲明，并選擇復(fù)選框接受這些條款。

·單擊“創(chuàng)建”按鈕。

獲取帳戶的主密鑰

成功創(chuàng)建Maps帳戶后，檢索查詢Maps API的主密鑰。

1.在門戶中打開Maps帳戶。

2.在設(shè)置部分中，選擇“身份驗證”。

3.將“主密鑰”復(fù)制到剪貼板。本地保存它以便稍后在本教程中使用。

備注

如果使用訂閱密鑰而不是主密鑰，則映射不會正確呈現(xiàn)。此外，出于安全考慮，建議輪換使用主密鑰和輔助密鑰。若要輪換密鑰，請更新應(yīng)用以使用輔助密鑰、進行部署，然后按主密鑰旁邊的循環(huán)/刷新按鈕以生成新的主密鑰。將禁用舊的主密鑰。有關(guān)密鑰輪換的詳細信息，請參閱使用密鑰輪換和審核功能設(shè)置Azure Key Vault

下載演示應(yīng)用程序

1.轉(zhuǎn)到interactiveSearch.html。復(fù)制文件的內(nèi)容。

2.在本地將此文件的內(nèi)容另存為AzureMapDemo.html。在文本編輯器中將其打開。

3.搜索字符串<Your Azure Maps Key>。將其替換為在上一部分獲取的主密鑰值。

打開演示版應(yīng)用程序

在所選的瀏覽器中打開文件AzureMapDemo.html。

觀察顯示的洛杉磯市地圖。進行縮放，查看地圖如何自動根據(jù)縮放級別呈現(xiàn)更多或更少信息。

更改地圖的默認中心。在“AzureMapDemo.html”文件中，搜索名為“center”的變量。將此變量的經(jīng)度、緯度對值替換為新值“[-74.0060,40.7128]”。保存文件并刷新瀏覽器。

嘗試交互式搜索體驗。在演示版Web應(yīng)用程序左上角的搜索框中，搜索“餐廳”。

將鼠標移到搜索框下面顯示的地址/位置列表上。可以看到，地圖上的相應(yīng)圖釘會彈出有關(guān)該位置的信息。為保護私營企業(yè)的隱私，地圖中顯示的名稱和地址都是虛構(gòu)的。

交互式地圖搜索Web應(yīng)用程序

清理資源

警告

后續(xù)步驟部分中列出的教程詳細介紹了如何通過帳戶使用和配置Azure Maps。如何打算繼續(xù)學習這些教程，請勿清除本快速入門中創(chuàng)建的資源。

如果不打算繼續(xù)學習這些教程，請通過以下步驟來清理資源：

關(guān)閉運行AzureMapDemo.html Web應(yīng)用程序的瀏覽器。

導(dǎo)航到Azure門戶頁面。選擇門戶主頁中的“所有資源”?；蛘撸瑔螕糇笊辖堑牟藛螆D標。選擇“所有資源”，

單擊你的Azure Maps帳戶。在頁面頂部，單擊“刪除”。