Hướng dẫn cách lấy Google Maps API key chi tiết

Theo: nguyenhaidang.name.vn | 22/06/2022 - 02:35

 Nếu bạn muốn sử dụng bản đồ của Google trên trang web của mình thì bạn cần phải có mã Google Maps API, vậy nên trong bài viết này mình sẽ hướng dẫn các bạn cách để lấy Google Maps API key chi tiết.

Bước 1.

Truy cập đường dẫn https://console.developers.google.com/ và đăng nhập bằng tài khoản Gmail.

chọn project

Đăng nhập xong chọn mục Select a project rồi chọn NEW PROJECT để tạo mới project.

tạo mới project

Điền tên project theo ý muốn của bạn và chọn CREATE.

tạo project

Tạo project xong chúng ta vào Library.

library apis & services

Trong Library các bạn tìm kiếm Maps JavaScript API và Places API rồi chọn Enable để kích hoạt.

api library

Chọn Enable kích hoạt Maps JavaScript API, chờ một chút cho quá trình kích hoạt được diễn ra.

mapsjavascriptapi

Tương tự như trên, chúng ta kích hoạt Places API.

placesapi

Bước 2.

Sau khi kích hoạt xong chúng ta quay trở lại trang chính chọn Credentials.

Credentials

Tiếp theo chọn CREATE CREDENTIALS -> API key.

tạo Credentials

API key được tạo ra các bạn chọn RESTRICT KEY.

RESTRICT key - hướng dẫn lấy google maps api key

Các bạn kéo xuống mục Application restrictions, chọn ứng dụng tùy theo nhu cầu của các bạn, để sử dụng cho web thì chọn HTTP referrers (web sites).

http referrers - hướng dẫn lấy google maps api key

Mục Website restrictions các bạn có thể add thêm url trang web của mình vào để sử dụng duy nhất cho 1 trang hoặc nếu để trống thì API key sẽ dùng được cho mọi trang web.

Tiếp theo kéo xuống mục API restrictions nhấn vào Restrict key chọn 2 API là Maps JavaScript API và Places API rồi SAVE lại.

chọn 2 api - hướng dẫn lấy google maps api key

Chờ một lúc, sau đó các bạn nhấn chuột vào biểu tượng copy để sao chép đoạn mã Google Maps API.

copy Google Maps API key

Vậy là mình đã hướng dẫn xong cách lấy Google Maps API key.

Nguồn: https://www.magetop.com/blog/cach-lay-google-maps-api-key/

Back Head Print
Tin khác

Search GridView with Paging on TextBox KeyPress using jQuery in ASP.Net    (28/07/2010)

Bootstrap AutoComplete TextBox example using jQuery TypeAhead plugin in ASP.Net with C# and VB.Net    (28/07/2010)

Disable Button and Submit button after one click using JavaScript and jQuery    (29/07/2010)

Split and convert Comma Separated (Delimited) String to Table in SQL Server    (01/09/2010)

Select Column values as Comma Separated (Delimited) string in SQL Server using COALESCE    (01/09/2010)