Yêu cầu về việc ghi công đối với Bộ công cụ giao diện người dùng của Google Địa điểm

Chủ đề này cung cấp các yêu cầu về việc phân bổ cho Bộ công cụ giao diện người dùng của Địa điểm. Để biết thêm các điều khoản về Bộ giao diện người dùng của Địa điểm, hãy xem Điều khoản dịch vụ của Nền tảng Google Maps.

Đã thêm thông tin ghi công Google Maps

Thông tin ghi công Google Maps được đưa vào Bộ công cụ giao diện người dùng của Places.

• Đừng xoá thông tin phân bổ được đưa vào, bất kể thông tin đó xuất hiện ở đâu. Không được thay đổi, ẩn hoặc làm mờ thông tin ghi công và đảm bảo thông tin này dễ nhìn trên nền.
• Luôn phân biệt trực quan nội dung trên Nền tảng Google Maps với nội dung khác bằng cách sử dụng các tín hiệu trên giao diện người dùng, chẳng hạn như đường viền, màu nền, bóng hoặc khoảng trắng đủ.
• Khi sửa đổi hình ảnh, bạn phải tuân thủ các yêu cầu về việc ghi công trên Google Maps. Để biết thông tin chi tiết, hãy xem phần sau.

Ví dụ về mô hình phân bổ trong Bộ công cụ giao diện người dùng của Places

Thông tin phân bổ bắt buộc được áp dụng cho thành phần thu gọn Thông tin chi tiết về địa điểm. Trên bản đồ không phải của Google này, thông tin ghi công Google Maps hiển thị rõ ràng và nội dung trên Nền tảng Google Maps khác biệt rõ ràng với nội dung khác.

Yêu cầu về thông tin ghi công trên Google Maps

Nội dung ghi công phải ở 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 là do Google Maps cung cấp.

Trái: Nội dung ghi công biểu trưng Google Maps, Phải: Nội dung ghi công bằng văn bản của Google Maps

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

Hãy làm theo 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.

Các biến thể được chấp nhận để ghi công 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 biểu trưng ở bên dưới rồi làm theo các nguyên tắc trong phần này.

Tải xuống: google_logo_ui_kit.zip

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ị méo.
• Sử dụng biểu trưng được 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 màu chuyển màu tinh tế.

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

Hãy làm theo các thông số kỹ thuật về kích thước sau đây cho 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 cho biểu trưng: 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 phần Mật độ pixel 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 được chấp nhận

Hỗ trợ tiếp cận của biểu trưng

Tuân thủ các yêu cầu sau đây về hỗ trợ tiếp cận đối với biểu trưng Google Maps:

• Duy trì độ tương phản dễ 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.

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 việc ghi công biểu trưng Google Maps

Văn bản ghi công

Nếu kích thước giao diệ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 nội dung ghi công bằng văn bản trên Google Maps

• Đừ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 gói Google Maps vào nhiều dòng
  • 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".

Các biến thể không được chấp nhận của nội dung ghi công bằng văn bản trên Google Maps

• Định kiểu văn bản trên Google Maps như mô tả trong bảng sau:

  Yêu cầu về kiểu văn bản 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ữ thân sans serif đã được sử 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ữ	Trắng, đen (#1F1F1F) hoặc xám (#5E5E5E). Duy trì độ tương phản (4,5:1) dễ tiếp cận 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 phần Đơ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 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 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;
}

Yêu cầu về hình ảnh

Hãy làm theo các yêu cầu sau đây để xử lý hình ảnh của thông tin ghi công trên Google Maps.

• Đặt thông tin phân bổ ở gần đầu hoặc cuối nội dung và trong cùng một vùng chứa hình ảnh. Đối với một dòng nội dung, bạn có thể đặt phần ghi công ở bên phải hoặc bên trái.

• Tạo sự khác biệt trực quan giữa nội dung trên Nền tảng Google Maps với nội dung khác bằng cách sử dụng các tín hiệu trên giao diện người dùng, chẳng hạn như đường viền, màu nền, bóng hoặc khoảng trắng đủ.

• Không trình bày sai về Google Maps bằng cách phân bổ nội dung không phải của Nền tảng Google Maps cho Google Maps.
• Đảm bảo thông tin ghi công luôn hiển thị và dễ đọc. Đừng bao giờ xoá, ẩn, che khuất hoặc sửa đổi thông tin đó.

Các hình sau đây minh hoạ ví dụ về các yêu cầu về hình ảnh này.

Ví dụ về cách đặt thông tin ghi công Google Maps ở đầu, cuối và bên cạnh nội dung

Ví dụ về 3 cách phân biệt nội dung trên Google Maps (điểm xếp hạng địa điểm) với nội dung khác

Không che khuất thông tin ghi công Google Maps hoặc kết hợp thông tin này với nội dung từ các nguồn khác