WEB NHANH - WEB GIÁ RẺ

https://webnhanh.vn

Hướng dẫn tạo Google Maps API đưa vào module Rao vặt

Theo thông báo mới về chính sách của google, để sử dụng Google Map trên website và app,… chúng ta cần phải có Google Maps 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 Maps API từ Google Maps theo tên miên riêng của bạn một cách hiệu quả nhất.

Google Map API là gì?

Ứng dụng Google Map là một dịch vụ bản đồ trực tuyến trên web và app miễn phí do Google phát hành và quản lý, ứng dụng hỗ trợ nhiều dịch vụ, tính năng cho người dùng nhưng phổ biến nhất là dò đường, chỉ đường, tìm vị trí; hiển thị những tuyến đường tối ưu cho từng phương tiện tham gia giao thông, ngoài ra còn hướng dẫn cách bắt xe và chuyển tuyến xe dành cho người tham gia các phương tiện lưu thông công cộng (xe bus), hiển thị những địa điểm xung quanh vị trí người dùng hoặc vị trí chỉ định như ATM, trạm xăng, bệnh viện,…

Vậy Google Map API là gì? Hiểu đơn giản đây là một phương pháp cho phép một website có thể sử dụng dịch vụ hoặc hiển thị nội dung của một trang web khác (ở đây chúng ta nhắc tới Google Map) để có thể sử dụng những dịch vụ mà Google Map cung cấp thông qua Google Map API như: di chuyển, zoom, đánh dấu trên bản đồ,…

Hiện nay, các ứng dụng xây dựng trên nền tảng Google Maps như Grab thường sử dụng Google Map API để nhúng bản đồ vào trang web hoặc ứng dụng thông qua ngôn ngữ Javascripts, chính vì vậy mà việc sử dụng API từ Google cũng khá dễ dàng. Đồng thời Map API cũng đã được nâng cấp lên phiên bản mới, không chỉ hỗ trợ cho máy tính và website truyền thống mà còn cả thiết bị di động, giúp ứng dụng hoạt động nhanh hơn và hiệu quả hơn.

Hướng dẫn tạo Google Maps API

Bước 1: Truy cập Google API Console  Select a project
Tạo project trong google map api
Hình ảnh 1: Chọn project trong google map api
Bước 2: Thêm Project mới
Tạo project trong google map api
Hình ảnh 2: Chọn NEW PROJECT để thêm mới Project
Bước 3: Điền đầy đủ thông tin  Create
Điền thông tin project
Hình ảnh 3: Điền thông tin project
Bước 4: Sau khi Create xong  Project bạn vừa tạo  APIs & Servives → Credentials
Lấy thông tin keys API
Hình ảnh 4: Lấy thông tin API
Bước 5: Tại đây  CREATE CREDENTITALS  bạn sao chép lại Your API Key để sử dụng  Restrict Key để tiếp tục cài đặt.
Tạo credentitals
Hình ảnh 5: Tạo API key
copy API key
 
Hình ảnh 6: Copy API key và Restrict key

Bước 6: Điền thông tin theo hướng dẫn sau:

  • Name: Đặt tên cho API để dễ dàng quản lý về sau
  • Application restrictions: Http referrers (web sites)
  • Website restrictions Nhập 2 giá trị sau
    • *.your-domain.com/*
    • https://your-domain.com/*
  • API restrictions: Don’t restrict key
  • Save: Lưu cài đặt API
Cấu hình tùy chỉnh API
Hình 7: Chọn HTTP referrers
cấu hình tên miền chính thức
Hình 8: Cấu hình tên miền chính thức
Lưu ý: Nếu tên miền của bạn không cài chứng chỉ SSL thì có thể điển là http://ten-domain/*
Chọn API restrictions
Hình 9: Chọn API restrictions

Bước 7: Bước này khá quan trọng.

Truy cập Project bạn vừa tạo  APIs & Servives  Library

Nhập các Thư viện sau  Enable:

  • Maps JavaScript API
  • Geocoding API
Hình 10: Enable Maps JavaScript API
Chọn Geocoding API
Hình 11: Chọn Geocoding API
Bước 8: Đưa mã API key đã lấy từ bước 5 đưa vào cấu hình → Google_Maps_API_Key
Dán API key
Hình 12: Dán API key vào Google_Maps_API_Key
Như vậy, chúng ta đã hoàn tất qui trình khởi tạo Google Maps API và đưa API key vào module rao vặt để cấu hình.
Lưu ý:
Đây là API cho nhà lập trình kiểm thử không có tính năng toàn vẹn chỉ hiển thị hình ảnh Google map không có tính năng tìm kiếm theo vị trí. Vì vậy bạn đọc muốn sử dụng tính năng của google Map thì buộc phải thanh toán trong Google.

Bạn đọc chưa biết cách để thanh toán google có thể tham khảo bài viết: Hướng dẫn bật thanh toán Google (webnhanh.vn)
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây