Başlayın

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 gösterilmektedir.

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'yı (Yeni) 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ükleyiciyi 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");

Sonraki adımlar