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

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

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

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

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

先決條件

·如果沒(méi)有Azure訂閱，請(qǐng)?jiān)陂_(kāi)始之前創(chuàng)建一個(gè)免費(fèi)帳戶(hù)。

·登錄Azure門(mén)戶(hù)。

創(chuàng)建Azure Maps帳戶(hù)

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

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

2.在“在市場(chǎng)中搜索”框中，鍵入“Azure Maps”。

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

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

·要用于此帳戶(hù)的訂閱。

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

·新帳戶(hù)的名稱(chēng)。

·此帳戶(hù)的定價(jià)層。

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

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

獲取帳戶(hù)的主密鑰

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

1.在門(mén)戶(hù)中打開(kāi)Maps帳戶(hù)。

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

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

備注

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

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

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

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

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

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

在所選的瀏覽器中打開(kāi)文件AzureMapDemo.html。

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

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

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

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

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

清理資源

警告

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

如果不打算繼續(xù)學(xué)習(xí)這些教程，請(qǐng)通過(guò)以下步驟來(lái)清理資源：

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

導(dǎo)航到Azure門(mén)戶(hù)頁(yè)面。選擇門(mén)戶(hù)主頁(yè)中的“所有資源”。或者，單擊左上角的菜單圖標(biāo)。選擇“所有資源”，

單擊你的Azure Maps帳戶(hù)。在頁(yè)面頂部，單擊“刪除”。