Rozpocznij

Na tej stronie dowiesz się, jak uzyskać klucz interfejsu API, włączyć wymagane interfejsy API i wczytać bibliotekę Miejsc, co umożliwi pracę z klasą Place.

Uzyskiwanie klucza interfejsu API i włączanie wymaganych interfejsów API

Zanim użyjesz klasy Miejsca:

  • Utwórz projekt Cloud z kontem rozliczeniowym.
  • Uzyskiwanie klucza interfejsu API
  • Włącz te interfejsy API:
    • Maps JavaScript API
    • Places API
    • Places API (nowość) (wymagany do korzystania z wyszukiwania tekstowego (nowość))

    • Więcej informacji znajdziesz w artykule Konfigurowanie projektu Google Cloud.

    Uzyskiwanie klucza interfejsu API

    Włącz Places API (nowość)

    Wczytaj bibliotekę Miejsc

    Aby wczytać bibliotekę Miejsc, wczytaj najpierw interfejs Maps JavaScript API, dodając do kodu aplikacji wbudowany program wczytywania, jak w tym fragmencie: 

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

    Następnie użyj operatora await, aby wywołać metodę importLibrary() z poziomu funkcji async, jak w tym przykładzie:

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

    Dalsze kroki