Azure haritalar'ı kullanarak bir etkileşimli arama eşlemesi oluşturmaCreate an interactive search map by using Azure Maps

Bu makalede, Azure Haritalar’ın kullanıcılara etkileşimli arama deneyimi sunan bir harita oluşturmaya yönelik özellikler gösterilmektedir.This article demonstrates the capabilities of Azure Maps to create a map that gives users an interactive search experience. Bu, şu temel adımlarda size yol gösterir:It walks you through these basic steps:

  • Kendi Azure haritalar hesabı oluşturun.Create your own Azure Maps account.
  • Demo web uygulamasında kullanmak üzere hesap anahtarınızı alın.Get your account key to use in the demo web application.

Azure aboneliğiniz yoksa başlamadan önce ücretsiz bir hesap oluşturun.If you don't have an Azure subscription, create a free account before you begin.

Azure portalında oturum açınSign in to the Azure portal

Azure Portal oturum açın.Sign in to the Azure portal.

Hesap oluşturma ve anahtarınızı almaCreate an account and get your key

  1. Sol alt köşesindeki Azure portalındaseçin kaynak Oluştur.In the upper-left corner of the Azure portal, select Create a resource.

  2. İçinde markette Ara kutusuna haritalar.In the Search the Marketplace box, enter Maps.

  3. Sonuçlar içinden Haritalar’ı seçin.From the Results, select Maps. Seçin Oluştur haritanın altında görüntülenen düğme.Select the Create button that appears below the map.

  4. Üzerinde Azure haritalar hesabı oluştur sayfasında, aşağıdaki değerleri girin:On the Create Azure Maps Account page, enter the following values:

    • Yeni hesabınıza verilen Ad.The Name of your new account.

    • Bu hesap için kullanmak istediğiniz Abonelik.The Subscription that you want to use for this account.

    • Bu hesap için Kaynak grubu.The Resource group for this account. Tercih edebileceğiniz Yeni Oluştur veya var olanı kullan kaynak grubu.You might choose to Create new or Use existing resource group.

    • Seçin fiyatlandırma katmanı tercih ettiğiniz.Select the Pricing Tier of your choice.

    • Okuma lisans ve gizlilik bildirimi.Read the License and Privacy Statement. Koşulları kabul etmek için onay kutusunu işaretleyin.Select the check box to accept the terms.

    • Son olarak, seçin Oluştur düğmesi.Finally, select the Create button.

      Portalda bir Azure haritalar hesabı oluşturma

  5. Hesabınız başarıyla oluşturulduktan sonra açın ve hesap menüsünden ayarları bölümünü bulun.After your account is successfully created, open it and find the settings section of the account menu. Seçin anahtarları Azure haritalar hesabınız için birincil ve ikincil anahtarları görüntülemek için.Select Keys to view the primary and secondary keys for your Azure Maps account. Birincil Anahtar değerini sonraki bölümde kullanmak üzere yerel panonuza kopyalayın.Copy the Primary Key value to your local clipboard to use in the following section.

Uygulamayı indirmeDownload the application

  1. interactiveSearch.html dosyasının içeriklerini indirin veya kopyalayın.Download or copy the contents of the file interactiveSearch.html.
  2. Bu dosyanın içeriği yerel kaydetmek AzureMapDemo.html.Save the contents of this file locally as AzureMapDemo.html. Bir metin düzenleyicisinde açın.Open it in a text editor.
  3. Arama dizesi için <Your Azure Maps Key>.Search for the string <Your Azure Maps Key>. Yerine konacak birincil anahtar değerini ise önceki bölümden.Replace it with the Primary Key value from the preceding section.

Uygulamayı açmaOpen the application

  1. AzureMapDemo.html dosyasını istediğiniz bir tarayıcıda açın.Open the file AzureMapDemo.html in a browser of your choice.

  2. Şehir, Los Angeles, gösterilen haritasına bakın.Observe the map shown of the City of Los Angeles. Yakınlaştırma düzeyine bağlı olarak haritanın daha fazla veya daha az bilgiyle nasıl işlendiğini görmek için yakınlaştırma ve uzaklaştırma yapın.Zoom in and out to see how the map automatically renders with more or less information depending on the zoom level.

  3. Haritanın varsayılan merkezini değiştirin.Change the default center of the map. AzureMapDemo.html dosyasında, center adlı değişkeni arayın.In the AzureMapDemo.html file, search for the variable named center. Bu değişkenin boylam ve enlem çiftini, yeni [-74.0060, 40.7128] değerleriyle değiştirin.Replace the longitude, latitude pair value for this variable with the new values [-74.0060, 40.7128]. Dosyayı kaydedin ve tarayıcınızı yenileyin.Save the file and refresh your browser.

  4. Etkileşimli arama deneyimini deneyin.Try out the interactive search experience. Arama kutusuna demo web uygulamasının sol üst köşedeki arama restoranlar.In the search box on the upper-left corner of the demo web application, search for restaurants.

  5. Adres ve arama kutusunun altında görünen konumları listesi üzerinde fareyi hareket ettirin.Move your mouse over the list of addresses and locations that appear below the search box. Bu konum hakkında bilgileri nasıl karşılık gelen PIN harita üzerinde yükseklikteki dikkat edin.Notice how the corresponding pin on the map pops out information about that location. Özel işletmelerin gizliliğini korumak için kurgusal ad ve adresler gösterilir.For privacy of private businesses, fictitious names and addresses are shown.

    Etkileşimli arama web uygulaması

Kaynakları temizlemeClean up resources

Öğreticileri kullanın ve Azure haritalar hesabınız ile yapılandırma hakkında ayrıntılı olarak açıklanmaktadır.The tutorials detail how to use and configure Azure Maps with your account. Bu hızlı başlangıçta oluşturulan kaynakları temizleyin, öğreticilere geçin planladığınız yok.Don't clean up the resources created in this quickstart if you plan to continue to the tutorials. Devam etmeyi planlamıyorsanız, kaynakları temizlemek için aşağıdaki adımları uygulayın:If you don't plan to continue, take these steps to clean up the resources:

  1. Çalıştıran Tarayıcıyı kapatın AzureMapDemo.html web uygulaması.Close the browser that runs the AzureMapDemo.html web application.
  2. Azure portalında sol menüden seçim yapın tüm kaynakları.From the left menu in the Azure portal, select All resources. Ardından, Azure haritalar hesabı seçin.Then select your Azure Maps account. Üst kısmındaki tüm kaynakları dikey penceresinde Sil.At the top of the All resources blade, select Delete.

Sonraki adımlarNext steps

Bu hızlı başlangıçta, Azure haritalar hesabınızda oluşturduğunuz ve bir tanıtım uygulaması oluşturdunuz.In this quickstart, you created your Azure Maps account and created a demo app. Azure haritalar hakkında bilgi edinmek için aşağıdaki öğreticilere göz atın:Take a look at the following tutorials to learn about Azure Maps:

Daha fazla kod örnekleri ve etkileşimli bir kodlama deneyimi için bu kılavuzlara bakın:For more code examples and an interactive coding experience, see these guides: