Trang này cho bạn biết cách tải khoá API, bật API bắt buộc và tải Thư viện địa điểm, để bạn có thể thao tác với lớp Địa điểm.
Nhận khoá API và bật các API bắt buộc
Trước khi sử dụng lớp Địa điểm, bạn cần:
- Tạo một dự án trên Google Cloud bằng tài khoản thanh toán.
- Tải khoá API.
- Bật các API sau:
- API JavaScript cho Maps
- Places API
- Places API (Mới) (bắt buộc để sử dụng Text Search (Mới))
Để tìm hiểu thêm, hãy xem bài viết Thiết lập dự án trên Google Cloud.
Tải khoá APITải Thư viện địa điểm
Để tải Thư viện địa điểm, trước tiên hãy tải Maps JavaScript API, bằng cách thêm trình tải khởi động cùng dòng vào mã xử lý ứng dụng của bạn, như minh hoạ trong đoạn mã sau:
<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>
Tiếp theo, hãy sử dụng toán tử await để gọi importLibrary()
từ trong hàm async, như minh hoạ dưới đây:
const {Place} = await google.maps.importLibrary("places");