Hướng dẫn khởi tạo Google Maps API để chèn vào Website

0
(0)

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.

Lưu ý: Dịch vụ Google API sẽ miễn phí khi sử dụng để xây dựng các ứng dụng nhỏ, yêu cầu thấp, tuy nhiên với các ứng dụng lớn và nhằm mục đích kinh doanh thì bạn sẽ phải trả một khoản phí để sử dụng hết những tính năng của Google Map API.

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

Bước 1: Truy cập Google API Console  Select a project

Lưu ý: Mỗi Project có thể chứa nhiều thư viện API, mỗi thư viện API có thể dùng cho nhiều website, tùy thuộc vào cài đặt của bạn.

Chọn Select a project

Bước 2: Thêm Project mới

Chọn NEW PROJECT để thêm mới Project

Bước 3: Điền đầy đủ thông tin  Create

Bước 4: Sau khi Create xong  Project bạn vừa tạo  APIs & Servives → Credentials

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.

Dùng Your API Key để cài đặt vào website hoặc App cần sử dụng Google Maps API.

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

Lưu ý: your-domain.com là tên miền của bạn muốn sử dụng Google Maps API.

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
  • Directions API
  • Maps Embed API
  • Geocoding API
  • Places API
Enable để kích hoạt thư viện.

Bước 8: Sau khi Enable xong  Dashboard để kiểm tra các thư viện đã cài đặt thành công.

Như vậy, chúng ta đã hoàn tất qui trình khởi tạo Google Maps API.

Lưu ý: Để cài đặt Google Maps API vào website, bạn cần phải sao chép Your API Key ở Bước 5.

Chúc các bạn thành công.

Bài viết này hữu ích như thế nào?

Hãy bấm vào ngôi sao để đánh giá!

Đánh giá trung bình 0 / 5. Số phiếu bầu : 0

No votes so far! Be the first to rate this post.

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 *

btn-dangkyhocthu