Hướng Dẫn Khởi Tạo Google Maps API để Chèn Vào Website

Hướng dẫn khởi tạo Google Maps API để chèn vào Website Huỳnh Nguyễn Trường Giang 5 phút đọc

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.

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 KeyBước 5.

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

feedback Gửi phản hồi về bài viết này Thông tin này có hữu ích không? CóKhông

Chúng tôi có thể cải thiện trang này bằng cách nào?

Huỳnh Nguyễn Trường Giang

Xin chào, tôi là thành viên của Team WordPress.

Trợ giúp

  • Giới thiệu và hướng dẫn sử dụng plugin Shipper Pro
  • Giới thiệu và hướng dẫn sử dụng plugin Beehive Pro
  • Hướng dẫn sử dụng WP Staging Pro để Clone & Staging WordPress
  • Giới thiệu các tính năng nổi bật của WPML Agency
  • Khám Phá Bộ Sưu Tập Plugin và Theme WordPress Đẳng Cấp Được Tặng Miễn Phí Từ Mắt Bão!
  • Hướng Dẫn Tạo Tài Khoản FTP Trong Quản Trị Hosting Plesk
  • Tăng tốc WordPress tự động với AccelerateWP trên Hosting WordPress tại Mắt Bão
Support 24/7 1900 1830 (1000₫/phút) Support 24/7 1900 1830 (1000₫/phút) Tư vấn miền Nam (028) 3622 9999 Tư vấn miền Bắc (024) 35 123456

MẮT BÃO

TIN TỨC

  • Giới thiệu
  • Liên hệ
  • Tuyển dụng
  • Chính sách đại lý Mắt Bão
  • Dịch vụ trả trước
  • Tin công ty
  • Hiểu về trái tim

THÔNG TIN CẦN BIẾT

  • Thỏa thuận sử dụng
  • Thỏa thuận bảo mật thông tin
  • Hướng dẫn thanh toán
  • Văn bản pháp lý
  • Góp ý về tên miền “.VN”
  • Tranh chấp khiếu nại
  • Báo cáo lạm dụng
  • Than phiền chất lượng dịch vụ
  • Đề xuất tính năng sản phẩm
  • Kho giao diện WordPress cao cấp

CÂU HỎI THƯỜNG GẶP

  • Cách tạo yêu cầu hỗ trợ
  • Lưu ý khi đặt tên miền
  • Cách cấu hình DNS tên miền
  • Khai báo tên miền quốc tế
  • Vòng đời một tên miền
  • Mở khoá để chuyển tên miền
  • Hướng dẫn đăng nhập trang ID Mắt Bão
  • Hướng dẫn kiểm tra đơn hàng
  • Từ vựng công nghệ
  • Hỏi đáp về tên miền
  • WordPress
  • Cloud Hosting
  • Cloud Server
  • Email
  • Office 365
  • Kinh nghiệm bán hàng
  • Series hướng dẫn WordPress

KIẾN THỨC

CHỨNG CHỈ

DMCA.com Protection Status verisign GeoTrust_logo Icann vnm verisign verisign verisign

THANH TOÁN

verisign GeoTrust_logo Icann verisign verisign

TẢI ỨNG DỤNG

verisign GeoTrust_logo

TRỤ SỞ CHÍNH

12A Núi Thành, Phường Tân Bình, TP.Hồ Chí Minh, Việt Nam

VĂN PHÒNG MIỀN NAM

12A Núi Thành, Phường Tân Bình, TP.Hồ Chí Minh, Việt NamĐiện thoại: (028) 3622 9999

VĂN PHÒNG MIỀN BẮC

Tầng 5, Tòa Rosary, 89 Lạc Long Quân, Phường Tây Hồ, TP.Hà Nội, Việt Nam

Điện thoại: (024) 35 123456

Copyright© Mat Bao Company. All Reserved. Sử dụng nội dung ở trang này và dịch vụ tại Mắt Bão có nghĩa là bạn đồng ý với Thỏa thuận sử dụng và Chính sách bảo mật của chúng tôi. Công ty cổ phần Mắt Bão - Giấy phép kinh doanh số: 0302712571 cấp ngày 04/09/2002 bởi Sở Kế Hoạch và Đầu Tư Tp. Hồ Chí Minh. Giấy phép cung cấp dịch vụ Viễn thông số 247/GP-CVT cấp ngày 08 tháng 05 năm 2018.

logo-axys-01 logo-axys-02 Mắt Bão – Mat Bao | Go online . Go success Mắt Bão – Mat Bao | Go online . Go success ODS – ODS IDC | Online Data Services ODS – ODS IDC | Online Data Services Mắt Bão BPO Mắt Bão BPO Mắt Bão WS Mắt Bão WS MatBao One MatBao One Hoá đơn điện tử Mắt Bão Hoá đơn điện tử Mắt Bão × ISO27001

Từ khóa » Sử Dụng Google Map Api