Başlarken

Avrupa Ekonomik Alanı (AEA) geliştiricileri

Bu sayfada, API anahtarı alma, gerekli API'leri etkinleştirme ve Place sınıfıyla çalışabilmek için Yerler Kitaplığı'nı yükleme işlemleri açıklanmaktadır.

API anahtarı alma ve gerekli API'leri etkinleştirme

Place sınıfını kullanmadan önce:

  • Faturalandırma hesabı içeren bir Cloud projesi oluşturun.
  • API anahtarı alın.
  • Aşağıdaki API'leri etkinleştirin:
    • Maps JavaScript API
    • Places API
    • Places API (Yeni) (Metin Arama (Yeni) ve Yer Adı Otomatik Tamamlama'yı kullanmak için gereklidir)

Daha fazla bilgi için Google Cloud projenizi ayarlama başlıklı makaleyi inceleyin.

API anahtarı alma

Places API'yi etkinleştirme (Yeni)

Yer Kitaplığı'nı yükleme

Yerler Kitaplığı'nı yüklemek için önce uygulama kodunuza aşağıdaki snippet'te gösterildiği gibi satır içi önyükleme yükleyicisini ekleyerek Maps JavaScript API'yi yükleyin: 

<script>
  (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({
    key: "YOUR_API_KEY",
    v: "weekly",
    // Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
    // Add other bootstrap parameters as needed, using camel case.
  });
</script>

Ardından, async işlevi içinden importLibrary() işlevini çağırmak için await operatörünü kullanın.

  const {Place} = await google.maps.importLibrary("places");

İşleviniz, gerekli sınıflar için değişken tanımlamadan da kitaplıklar yükleyebilir:

  async function initMap() {
    google.maps.importLibrary("places");
    ...
  }

  initMap();

Alternatif olarak, kitaplıkları burada gösterildiği gibi doğrudan HTML'ye yükleyebilirsiniz:

  <script>
  google.maps.importLibrary("places");
  </script>

Kitaplık yükleme hakkında daha fazla bilgi için Maps JavaScript API'yi yükleme başlıklı makaleyi inceleyin.

Sonraki adımlar