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ı almaYerler 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");