Nguyên tắc phân bổ văn bản cho Grounding Lite

Trang này cung cấp các yêu cầu và nguyên tắc về việc ghi công khi hiển thị nội dung Grounding Lite trong các ứng dụng của bạn.

Hiển thị thông tin ghi nhận quyền sở hữu của Google Maps

Bạn phải tuân thủ các yêu cầu về việc ghi nhận nguồn của Google Maps khi hiển thị Nội dung từ Grounding Lite trong ứng dụng hoặc trang web của mình. Bạn không cần thêm thông tin ghi nhận quyền tác giả nếu Nội dung xuất hiện trên Google Maps và thông tin ghi nhận quyền tác giả đã hiển thị.

Thông tin ghi nhận quyền tác giả nên có dạng biểu trưng Google Maps bất cứ khi nào có thể. Trong trường hợp không gian bị hạn chế, bạn có thể sử dụng văn bản Google Maps. Người dùng cuối phải luôn biết rõ nội dung nào do Google Maps cung cấp.

Bên trái: Thông tin ghi công biểu trưng Google Maps, Bên phải: Thông tin ghi công bằng văn bản Google Maps
Trái: Thông tin ghi nhận quyền sở hữu biểu trưng Google Maps, Phải: Thông tin ghi nhận quyền sở hữu văn bản Google Maps

Thuộc tính biểu trưng

Hãy tuân thủ các yêu cầu sau đây khi sử dụng biểu trưng Google Maps trong ứng dụng hoặc trang web của bạn.

Các biến thể được chấp nhận cho thông tin ghi nhận quyền sở hữu biểu trưng Google Maps
Các biến thể được chấp nhận cho thông tin ghi nhận quyền sở hữu biểu trưng của Google Maps

Tải biểu trưng Google Maps xuống

Sử dụng các tệp biểu trưng chính thức của Google Maps. Tải các biểu trưng bên dưới xuống và làm theo nguyên tắc trong phần này.

Tải tài sản ghi nhận quyền tác giả của Google Maps xuống

Khi sử dụng biểu trưng Google Maps, hãy tuân thủ các nguyên tắc sau.

  • Đừng sửa đổi biểu trưng theo bất kỳ cách nào.
  • Duy trì tỷ lệ khung hình của biểu trưng để tránh bị biến dạng.
  • Sử dụng biểu trưng có đường viền trên nền rối mắt, chẳng hạn như bản đồ hoặc hình ảnh.
  • Sử dụng biểu trưng không có đường viền trên nền trơn, chẳng hạn như màu đồng nhất hoặc hiệu ứng chuyển màu tinh tế.

Quy cách về kích thước biểu trưng

Hãy tuân thủ các quy cách về kích thước sau đây đối với biểu trưng Google Maps:

  • Chiều cao tối thiểu của biểu trưng: 16 dp
  • Chiều cao tối đa của biểu trưng: 19 dp
  • Khoảng trống tối thiểu xung quanh logo: 10 dp ở bên trái, bên phải và trên cùng, 5 dp ở dưới cùng

Để tìm hiểu về dp, hãy xem Mật độ điểm ảnh trên trang web Material Design.

Biểu trưng Google Maps cho thấy khoảng trống tối thiểu và phạm vi kích thước chấp nhận được
Biểu trưng Google Maps cho thấy khoảng trống tối thiểu và phạm vi kích thước chấp nhận được

Khả năng tiếp cận biểu trưng

Hãy tuân thủ các yêu cầu về khả năng tiếp cận sau đây đối với biểu trưng Google Maps:

Các biến thể không được chấp nhận và vấn đề về khả năng tiếp cận đối với thông tin ghi nhận quyền sở hữu biểu trưng Google Maps
Các biến thể không được chấp nhận và vấn đề về khả năng hỗ trợ tiếp cận đối với thông tin ghi nhận quyền sở hữu biểu trưng Google Maps

Văn bản ghi công

Nếu kích thước giao diện của bạn không hỗ trợ việc sử dụng biểu trưng Google Maps, bạn có thể viết Google Maps bằng văn bản. Thực hiện theo các hướng dẫn sau:

Các biến thể được chấp nhận của thông tin ghi công bằng văn bản trên Google Maps
Các biến thể được chấp nhận của câu ghi nhận quyền tác giả bằng văn bản của Google Maps
  • Không sửa đổi văn bản Google Maps theo bất kỳ cách nào:
    • Không thay đổi cách viết hoa của Google Maps
    • Đừng xuống dòng cho Google Maps
    • Đừng bản địa hoá Google Maps sang một ngôn ngữ khác.
    • Ngăn trình duyệt dịch Google Maps bằng cách sử dụng thuộc tính HTML translate="no".
Các biến thể không được chấp nhận của câu ghi nhận nguồn gốc bằng văn bản của Google Maps
Các biến thể không được chấp nhận của câu ghi nhận quyền tác giả bằng văn bản của Google Maps
  • Tạo kiểu cho văn bản trên Google Maps theo mô tả trong bảng sau:

    Yêu cầu về kiểu chữ trên Google Maps
    Thuộc tính Kiểu
    Bộ phông chữ Roboto. Bạn không bắt buộc phải tải phông chữ.
    Bộ phông chữ dự phòng Mọi phông chữ không chân được dùng trong sản phẩm của bạn hoặc "Sans-Serif" để gọi phông chữ hệ thống mặc định
    Kiểu phông chữ Bình thường
    Độ đậm phông chữ 400
    Màu phông chữ Màu trắng, đen (#1F1F1F) hoặc xám (#5E5E5E). Duy trì độ tương phản dễ tiếp cận (4,5:1) so với nền.
    Cỡ chữ Cỡ chữ tối thiểu: 12sp
    Cỡ chữ tối đa: 16sp
    Để tìm hiểu về sp, hãy xem Đơn vị cỡ chữ trên trang web Material Design.
    Khoảng cách giữa chữ cái Bình thường

Ví dụ về CSS

CSS sau đây kết xuất Google Maps với kiểu chữ và màu sắc phù hợp trên nền trắng hoặc nền sáng.

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

.GMP-attribution {
font-family: Roboto, Sans-Serif;
font-style: normal;
font-weight: 400;
font-size: 1rem;
letter-spacing: normal;
white-space: nowrap;
color: #5e5e5e;
}