Hızlı Başlangıç: Azure Haritalar ile etkileşimli arama haritası oluşturma

Bu hızlı başlangıçta, kullanıcılara etkileşimli bir arama deneyimi Haritalar bir harita oluşturmak için Azure Haritalar'i kullanmayı öğrenirsiniz. Bu, şu temel adımlarda size yol boyunca yol verdir:

• Kendi Azure Haritalar oluşturun.
• Tanıtım web uygulamasında kullanmak üzere birincil anahtarınızı elde edin.
• Tanıtım haritası uygulamasını indirin ve açın.

Bu hızlı başlangıçta Azure Haritalar Web SDK'sı kullanılmaktadır ancak Azure Haritalar hizmeti, Azure Haritalar ekibinin eklenti oluşturduğu popüler açık kaynak harita denetimleri gibi herhangi bir harita denetimiyle kullanılabilir.

Ön koşullar

• Azure aboneliğiniz yoksa başlamadan önce ücretsiz bir hesap oluşturun.

• Azure Portal oturum açın.

Azure Haritalar hesabı oluşturma

Aşağıdaki adımları kullanarak Haritalar azure hesabı oluşturun:

1. Azure portalının sol üst köşesinde bulunan Kaynak oluştur öğesine tıklayın.

2. Markette Ara kutusuna Azure Haritalar.

3. Sonuçlar'dan Azure Haritalar. Haritanın altında görüntülenen Oluştur düğmesine tıklayın.

4. Haritalar Hesabı Oluştur sayfasında aşağıdaki değerleri girin:

   • Bu hesap için kullanmak istediğiniz Abonelik.
   • Bu hesap için Kaynak grubu adı. Kaynak grubu için Yeni oluştur veya Mevcut olanı kullan seçeneğini belirleyebilirsiniz.
   • Yeni hesabınıza verilen Ad.
   • Bu hesabın Fiyatlandırma katmanı.
   • Lisans’ı ve Gizlilik Bildirimi’ni okuyun ve onay kutusunu işaretleyerek koşulları kabul edin.
   • Oluştur düğmesine tıklayın.

   

Hesabınızın birincil anahtarını alma

Hesap Haritalar başarıyla oluşturulduktan sonra, api'leri sorgulamanıza olanak Haritalar anahtarı alın.

1. Portalda Haritalar hesabınızı açın.
2. Ayarlar bölümünde Kimlik Doğrulaması'ı seçin.
3. Birincil Anahtar’ı panonuza kopyalayın. Bu öğreticinin ilerleyen kısmında kullanmak üzere bunu yerel olarak kaydedin.

Azure Haritalar tanıtımlarını indirme ve güncelleştirme

1. interactiveSearch.html. Dosyanın içeriğini kopyalayın.
2. Bu dosyanın içeriğini yerel olarak AzureMapDemo.html. Bir metin düzenleyicisinde açın.
3. Önceki bölümde edinen Birincil Anahtar değerini ekleyin
   1. İşlevde tüm kodu açıklama olarak authOptions girin; bu kod, kimlik doğrulaması için Azure Active Directory kullanılır.
   2. İşlevin son iki satırına yer ve bu kod, bu hızlı başlangıçta kullanılan yaklaşım olan Paylaşılan Anahtar authOptions kimlik doğrulaması için kullanılır.
   3. değerini <Your Azure Maps Key> önceki bölümdeki Birincil Anahtar değeriyle değiştirin.

Tanıtım uygulamasını açma

1. AzureMapDemo.html dosyasını istediğiniz bir tarayıcıda açın.

2. Los Angeles şehrinin haritasını gözlemlemek. 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.

3. Haritanın varsayılan merkezini değiştirin. AzureMapDemo.html dosyasında, center adlı değişkeni arayın. Bu değişkenin boylam ve enlem çiftini, yeni [-74.0060, 40.7128] değerleriyle değiştirin. Dosyayı kaydedin ve tarayıcınızı yenileyin.

4. Etkileşimli arama deneyimini deneyin. Tanıtım web uygulamasının sol üst köşesindeki arama kutusunda restoranlar için arama yazın.

5. Farenizi arama kutusunun altında görünen adres ve konum listesinin üzerine sürükleyin. Haritaya karşılık gelen pinin bu konumla ilgili bilgileri nasıl ortaya çıkar dikkat edin. Özel işletmelerin gizliliğini korumak için kurgusal ad ve adresler gösterilir.

   

Kaynakları temizleme

Öğreticilere devam etme planınız yoksa, kaynakları temizlemek için şu adımları uygulayın:

1. AzureMapDemo.htmlweb uygulamasını AzureMapDemo.html kapatın.
2. Azure portal gidin. Ana portal sayfasından Tüm kaynaklar'ı seçin. Veya sol üst köşedeki menü simgesine tıklayın. Tüm kaynaklar’ı seçin.
3. Azure Haritalar tıklayın. Sayfanın üst kısmında Sil'e tıklayın.

Daha fazla kod örneği ve etkileşimli kodlama deneyimi için şu kılavuzlara bakın:

• Azure arama hizmetiyle Haritalar bulma
• Azure Haritalar Harita Denetimi

Sonraki adımlar

Bu hızlı başlangıçta, Azure Haritalar hesabını ve bir tanıtım uygulaması oluşturdunız. Azure Hizmetleri hakkında daha fazla bilgi edinmek için aşağıdaki öğreticilere Haritalar: