Trang này cung cấp các yêu cầu về thông tin ghi công và nguyên tắc để hiển thị nội dung Grounding Lite trong ứng dụng của bạn.
Hiển thị thông tin ghi công Google Maps
Bạn phải tuân thủ các yêu cầu về thông tin ghi công 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 công nếu Nội dung được hiển thị trên Google Maps, nơi thông tin ghi công đã hiển thị.
Biểu trưng Google Maps và thông tin ghi công bằng văn bản
Thông tin ghi công 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 thấy rõ nội dung nào do Google Maps cung cấp.
Thông tin ghi công bằng biểu trưng
Hãy tuân thủ các yêu cầu sau để sử dụng biểu trưng Google Maps trong ứng dụng hoặc trang web của bạn.
Tải biểu trưng Google Maps xuống
Sử dụng các tệp biểu trưng Google Maps chính thức. Tải các biểu trưng bên dưới xuống và tuân thủ các nguyên tắc trong phần này.
Tải các thành phần ghi công 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.
- Khô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ị méo.
- 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 đơn giản, chẳng hạn như màu đồng nhất hoặc màu chuyển sắc 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 cho biểu trưng Google Maps:
- Chiều cao tối thiểu của biểu trưng: 16dp
- Chiều cao tối đa của biểu trưng: 19dp
- Không gian trống tối thiểu của biểu trưng: 10dp ở bên trái, bên phải và trên cùng, 5dp ở dưới cùng
Để tìm hiểu về dp, hãy xem Mật độ pixel trên trang web Material Design.
Khả năng tiếp cận của biểu trưng
Hãy tuân thủ các yêu cầu về khả năng tiếp cận sau cho biểu trưng Google Maps:
- Duy trì độ tương phản có thể tiếp cận giữa biểu trưng và nền.
- Thêm nhãn hỗ trợ tiếp cận có văn bản Google Maps.
Thông tin ghi công bằng văn bản
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. Hãy tuân thủ các nguyên tắc sau:
- 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
- Không xuống dòng Google Maps
- Không bản địa hoá Google Maps sang 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".
Tạo kiểu cho văn bản Google Maps như mô tả trong bảng sau:
Yêu cầu về kiểu văn bả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 Bất kỳ phông chữ không chân nào đã được sử dụng trong sản phẩm của bạn hoặc "Sans-Serif" để gọi phông chữ mặc định của hệ thống Kiểu phông chữ Bình thường Độ đậm phông chữ 400 Màu phông chữ Trắng, đen (#1F1F1F) hoặc xám (#5E5E5E). Duy trì độ tương phản có thể 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ị kích thước phông 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 hiển thị 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; }