Başlarken

Bu sayfada, API anahtarının nasıl alınacağı, gerekli API'lerin nasıl etkinleştirileceği ve Yerler Kitaplığı'nın nasıl yükleneceği gösterilmektedir. Böylece Rehber sınıfıyla çalışabilirsiniz.

API anahtarı alın ve gerekli API'leri etkinleştirin

Rehber sınıfını kullanmadan önce şunları yapmanız gerekir:

  • Faturalandırma hesabıyla 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ı kullanmak için gerekli (Yeni))

    • Daha fazla bilgi için Google Cloud projenizi oluşturma başlıklı makaleye göz atın.

    API anahtarı alma

    Yerler API'sini etkinleştir (Yeni)

    Yerler Kitaplığı'nı yükleyin

    Yerler Kitaplığı'nı yüklemek için önce aşağıdaki snippet'te gösterildiği gibi uygulama kodunuza satır içi önyükleme yükleyicisi ekleyin: 

    <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>
    .

    Sonra, importLibrary() yöntemini çağırmak için await operatörünü kullanın. aşağıda gösterildiği gibi bir async işlevi içinden kullanılabilir:

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

    Sonraki adımlar