Th2 3, 2024
Hướng dẫn chèn Google Maps vào Website WordPress
Để thêm Google Maps vào Website WordPress bạn cần thực hiện các bước sau:
– Tạo Google Maps API key
– Thêm Google Maps vào Website WordPress
Bước 1: Tạo Google Maps API key
Đầu tiên, chúng ta cần phải có API để có thể sử dụng được Google Maps. Sau đây tôi xin hướng dẫn các bạn các bước tạo Google API để sử dụng cho Google Maps theo tên miên riêng của bạn một cách hiệu quả nhất.
#1: Truy cập: https://console.developers.google.com/
#2: Click vào Select a project để tạo mới project. Một project có thể chứa nhiểu API. Một API có thể dùng cho nhiều website, tùy thuộc vào cài đặt của các bạn. Các bước như hình sau:
#3: Điền đầy đủ thông tin rồi ấn Create
#4: Sau khi Create xong hãy chọn lại project bạn vừa tạo. rồi làm theo các bước khi trong hình
#5: Tại đây bạn đã có API mà bạn cần. hãy copy nó để sử dụng. Ấn Restrict Key để tiếp tục cài đặt
#6: Tại đây hãy điền tên cho API để sau này bạn biết nó dùng cho web nào hay ứng dụng nào. Chọn Http referrers (web sites) như hình và điền tên miền của bạn vào theo định dạng *.your-domain.com/* và http://your-domain.com/* => sau đó ấn Save để lưu thông tin.
#7: Bước này khá quan trọng. Bước này để enable thư viện nào mà API được phép sử dụng. Chúng ta sẽ Enable những như viện sau:
- Google Maps JavaScript API
- Google Maps Directions API
- Google Maps Embed API
- Google Maps Geocoding API
- Google Places API Web Service
#8: Sau khi Enable xong sang tab Dashboard sẽ được như hình
Như vậy, chúng ta đã hoàn tất qui trình khởi tạo Google Maps API, chúc các bạn thành công.
More Details