Tổng quan

Chọn nền tảng: Android iOS JavaScript

Maps JavaScript API là một API web phía máy khách cho phép bạn tạo bản đồ để hiển thị các vị trí ở bất cứ đâu trên thế giới, thêm đồ hoạ, ảnh động và lớp dữ liệu tuỳ chỉnh có tính tương tác của riêng bạn, đồng thời tạo các tính năng nhận biết vị trí bằng cách sử dụng Places API trong Maps JavaScript API. Với Maps JavaScript API, bạn có thể:

  • Tạo bản đồ 2D và 3D để hiển thị các vị trí ở bất cứ đâu trên thế giới.
  • Thêm điểm đánh dấu có thể tuỳ chỉnh để chỉ ra các vị trí trên bản đồ.
  • Sử dụng thư viện Địa điểm để lấy dữ liệu vị trí của hơn 200 triệu địa điểm.
  • Tuỳ chỉnh kiểu và màu sắc của bản đồ.
  • Thêm các lớp dữ liệu tuỳ chỉnh tương tác của riêng bạn.
  • Hiển thị ranh giới hành chính và cho phép tương tác.
  • Thêm đồ hoạ 2D và 3D tuỳ chỉnh cũng như nội dung ảnh động vào bản đồ.

Chọn API phù hợp với trường hợp sử dụng của bạn

Trước khi viết mã, hãy chọn sản phẩm Google Maps Platform phù hợp với yêu cầu của ứng dụng web:

  • Bản đồ và thông tin đường đi trên trang liên hệ của trang web: Để nhúng bản đồ vị trí doanh nghiệp hoặc đường liên kết đến thông tin đường đi mà không cần viết JavaScript tuỳ chỉnh, hãy sử dụng Maps Embed API hoặc Maps URL.
  • Theo dõi vị trí và tài sản theo thời gian thực: Để hiển thị toạ độ GPS và đường đi theo thời gian thực từ cơ sở dữ liệu của riêng bạn hoặc luồng theo thời gian thực (chẳng hạn như Cloud Firestore hoặc WebSockets), hãy sử dụng Maps JavaScript API với Điểm đánh dấu nâng cao (tham chiếu AdvancedMarkerElement) và hình nhiều đường (tham chiếu Polyline). Dành riêng Fleet Engine cho các đội xe đi chung xe và giao hàng theo lịch trình có tích hợp SDK Tài xế dành cho thiết bị di động và OAuth phụ trợ hoặc Mã thông báo web JSON (JWT).
  • Bán kính khoanh vùng địa lý và vùng an toàn trên bản đồ: Để vẽ ranh giới hình tròn hoặc đa giác và kiểm tra xem toạ độ có nằm trong ranh giới đó hay không (xem Khoanh vùng địa lý và ranh giới vùng an toàn), hãy sử dụng hình tròn (tham chiếu Circle), đa giác (tham chiếu Polygon) và Thư viện hình học (containsLocation() để chứa và computeDistanceBetween() cho khoảng cách tính bằng mét).

Bước tiếp theo

Làm việc với các dịch vụ của Maps JavaScript API
Làm việc với các thư viện Maps JavaScript API

Xem mã ví dụ cho các tính năng của Maps