Bộ công cụ giao diện người dùng của Địa điểm (Thử nghiệm)

Thành phần Thông tin chi tiết về địa điểm, Danh sách địa điểm và Độ cao

Thư viện thành phần của Bộ giao diện người dùng Địa điểm cho phép bạn mang trải nghiệm người dùng quen thuộc của Google Maps cho Địa điểm đến ứng dụng và trang web của mình, bằng cách sử dụng cùng dữ liệu cung cấp năng lượng cho API Địa điểm. Bộ công cụ này bao gồm một tập hợp các thành phần giao diện người dùng riêng lẻ có thể được sử dụng độc lập, cùng nhau hoặc kết hợp với các API Nền tảng Google Maps khác để mang lại trải nghiệm phong phú về Địa điểm với chi phí và mã tối thiểu.

Bộ công cụ giao diện người dùng của Places bao gồm các phần tử HTML sau để hiển thị dữ liệu của Places:

  • Thông tin chi tiết về địa điểm hiển thị thông tin chi tiết về một địa điểm đã chọn.
  • Danh sách địa điểm hiển thị danh sách địa điểm từ một lượt tìm kiếm.
  • Độ cao kết xuất dữ liệu độ cao cho một điểm hoặc một đường dẫn.

    • Thông tin về địa điểm

    Thành phần Thông tin chi tiết về địa điểm là một phần tử HTML có thể tuỳ chỉnh, hiển thị thông tin chi tiết về một địa điểm đã chọn, được xác định bằng Mã địa điểm hoặc một tập hợp toạ độ vĩ độ và kinh độ.

    Cấu hình Thông tin chi tiết về địa điểm nhỏ, trung bình và lớn

    Danh sách địa điểm

    Thành phần Danh sách địa điểm hiển thị danh sách địa điểm để phản hồi Tìm kiếm bằng văn bản hoặc Tìm kiếm địa điểm lân cận.

    Đặt phần tử Danh sách địa điểm độc lập bên cạnh Google Maps

    Độ cao

    Thành phần Elevation (Độ cao) hiển thị dữ liệu độ cao dưới dạng giá trị số cho một điểm hoặc dưới dạng biểu đồ trực quan cho một đường dẫn.
    Phần tử độc lập Elevation và phần tử được phủ lên bản đồ Google Maps

    Các tính năng và chức năng chính

    • Tích hợp trải nghiệm đáng tin cậy của Google chỉ bằng một dòng mã.
    • Tích hợp giao diện người dùng Google Maps cho Địa điểm vào ứng dụng của bạn với chi phí thấp hơn so với API Địa điểm.
    • Chọn dữ liệu và chế độ hiển thị phù hợp nhất với nhu cầu của bạn.

    Bước tiếp theo: Bắt đầu sử dụng Bộ giao diện người dùng của Places