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:

Cách chèn Google Maps vào WordPress. Click vào Select a project để tạo mới project
Click vào Select a project để tạo mới project. Cách chèn Google Maps vào WordPress

#3: Điền đầy đủ thông tin rồi ấn Create

Click vào Select a project để tạo mới project. Cách chèn Google Maps vào WordPress

#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

Click vào Select a project để tạo mới project. Cách chèn Google Maps vào WordPress

#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

Cách chèn Google Maps vào WordPress, lấy Google API như thế nào?

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

Cách chèn Google Maps vào WordPress, lấy Google API như thế nào?

#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
Cách chèn Google Maps vào WordPress, lấy Google API như thế nào?

#8: Sau khi Enable xong sang tab Dashboard sẽ được như hình

Cách chèn Google Maps vào WordPress, lấy Google API như thế nào?

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.

Cách chèn Google Maps vào WordPress, lấy Google API như thế nào?
More Details

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *