Bắt đầu nhanh API Nhúng Maps

Đặt bản đồ tương tác hoặc ảnh toàn cảnh Chế độ xem phố trên trang web của bạn bằng một Yêu cầu HTTP—không cần JavaScript.

Chi phí

Tất cả yêu cầu API Nhúng của Maps đều được cung cấp miễn phí bằng mức sử dụng không giới hạn. Tuy nhiên, tất cả các yêu cầu vẫn cần có một khoá Google Cloud API hợp lệ. Để biết thêm thông tin, hãy xem bài viết Mức sử dụng và thanh toán.

Trước khi bắt đầu

Để tạo bản đồ được nhúng trên trang web của bạn, hãy hoàn tất các bước thiết lập bắt buộc bằng cách khi bạn nhấp vào các thẻ sau:

Bước 1

Giao diện dòng lệnh

  1. Trong Google Cloud Console, trên trang bộ chọn dự án, hãy nhấp vào Tạo dự án để bắt đầu tạo Đám mây mới dự án.

    Chuyển đến trang bộ chọn dự án

  2. Đảm bảo rằng bạn đã bật tính năng thanh toán cho dự án trên Google Cloud. Xác nhận rằng tính năng thanh toán đã được bật cho dự án của bạn.

    Google Cloud cung cấp ưu đãi dùng thử miễn phí 0 USD. Thời gian dùng thử sẽ hết hạn vào cuối 90 giờ ngày hoặc sau khi tài khoản đã tích luỹ được các khoản phí trị giá 300 đô la Mỹ, tuỳ vào điều kiện nào đến trước. Hủy bất cứ lúc nào. Nền tảng Google Maps có tín dụng $200 định kỳ hằng tháng. Để biết thêm thông tin, xem Tín dụng tài khoản thanh toán và Thanh toán.

SDK đám mây

gcloud projects create "PROJECT"

Đọc thêm về chính sách SDK Google Cloud , Cài đặt Cloud SDK , và các lệnh sau:

Bước 2

Để sử dụng Nền tảng Google Maps, bạn phải bật các API hoặc SDK mà bạn định sử dụng với dự án của mình.

Giao diện dòng lệnh

Bật API Nhúng của Maps

SDK đám mây

gcloud services enable \
    --project "PROJECT" \
    "maps-embed-backend.googleapis.com"

Đọc thêm về chính sách SDK Google Cloud , Cài đặt Cloud SDK , và các lệnh sau:

Bước 3

Bước này chỉ trải qua quy trình tạo Khoá API. Nếu bạn sử dụng Khoá API trong phát hành chính thức, bạn nên hạn chế khoá API của mình. Bạn có thể tìm hiểu thêm thông tin trên trang Sử dụng khoá API dành riêng cho sản phẩm.

Khoá API là giá trị nhận dạng duy nhất giúp xác thực các yêu cầu liên kết với dự án của bạn cho cho mục đích sử dụng và thanh toán. Bạn phải có ít nhất một khoá API liên kết với dự án của mình.

Cách tạo khoá API:

Giao diện dòng lệnh

  1. Truy cập vào Nền tảng Google Maps > Thông tin đăng nhập.

    Truy cập trang Thông tin xác thực

  2. Trên trang Thông tin xác thực, hãy nhấp vào Tạo thông tin xác thực > Khoá API.
    Hộp thoại API key đã được tạo sẽ hiển thị khoá API mới tạo của bạn.
  3. Nhấp vào Close (Đóng).
    Khoá API mới được liệt kê trên trang Thông tin xác thực trong phần Khoá API.
    (Hãy nhớ hạn chế API trước khi sử dụng trong phiên bản chính thức).

SDK đám mây

gcloud alpha services api-keys create \
    --project "PROJECT" \
    --display-name "DISPLAY_NAME"

Đọc thêm về chính sách SDK Google Cloud , Cài đặt Cloud SDK , và các lệnh sau:

Tạo iframe

Nhấp qua các lựa chọn sau và thêm vị trí và khoá API để tạo iframe cho trang web của bạn. Để biết thêm thông số và tùy chọn, hãy xem phần Nhúng bản đồ.

Kiểm tra iframe của bạn

Cách xem iframe trong cửa sổ trình duyệt HTML:

  1. Mở trình chỉnh sửa văn bản mặc định. Bạn nên có trình chỉnh sửa văn bản như TextEdit hoặc Microsoft Windows Notepad trên thiết bị của bạn theo mặc định.
  2. Tạo tệp HTML rồi đặt tên tệp đó là index.html.

  3. Thêm mã sau với iframe mà bạn đã tạo ở trên:

    <html>
  <!-- Replace this code comment with your iframe. -->
</html>

  4. Lưu tệp HTML index.html của bạn.

  5. Tải tệp HTML vào trình duyệt web bằng cách kéo tệp từ màn hình của bạn lên trình duyệt của bạn; Ngoài ra, nhấp đúp vào tệp hoạt động trên hầu hết hệ điều hành.

Xin chúc mừng! Bạn vừa thiết lập và xây dựng bản đồ bằng cách sử dụng API nhúng Maps.

Dọn dẹp

Bạn có thể xoá dự án của mình trên Google Cloud để ngừng tính phí cho tất cả tài nguyên đã sử dụng trong dự án đó.

  1. Trong Google Cloud Console, hãy chuyển đến trang Quản lý tài nguyên:

    Chuyển đến trang Quản lý tài nguyên

  2. Nếu dự án mà bạn định xoá được liên kết với một tổ chức, hãy chọn và mở rộng danh sách tổ chức ở đầu trang.
  3. Trong danh sách dự án, hãy chọn dự án mà bạn muốn xoá rồi nhấp vào Xoá.
  4. Trong hộp thoại, nhập ID dự án và nhấp vào Tắt để xóa dự án.

Các bước tiếp theo