Places 界面套件支持多种设置和自定义 CSS 属性,用于配置显示元素。请使用下面的自定义工具和 CSS 属性参考表,了解如何将这些属性应用于界面套件。

Places 界面套件提供了一种设计系统方法,用于进行视觉自定义,该方法大致基于 Material Design(进行了一些 Google 地图特有的修改)。请参阅 Material Design 的颜色和排版参考文档。 默认情况下,样式遵循 Google 地图视觉设计语言。
自定义工具
使用此工具直观呈现 Places UI Kit 元素中的自定义配置。
CSS 属性
Google 地图品牌归因
属性 | 详细信息紧凑型元素 | 详细信息元素 | 用法 |
---|---|---|---|
(黑色 | 白色 | 灰色) | ✔ | ✔ | Google 地图品牌提供方信息, Google 地图披露按钮 |
《Google 地图服务条款》要求您使用三种品牌颜色之一来显示 Google 地图提供方信息。 在进行自定义更改后,此提供方信息必须可见且可访问。 如需了解详情,请参阅署名要求。
我们提供三种品牌颜色供您选择,您可以为浅色主题和深色主题分别设置这些颜色:
- 浅色主题:
PlaceAttributionElement.lightSchemeColor
,包含白色、灰色和黑色属性。 - 深色主题:
PlaceAttributionElement.darkSchemeColor
,包含白色、灰色和黑色属性。
<gmp-place-content-config> <gmp-place-attribution light-scheme-color="black" dark-scheme-color="white" ></gmp-place-attribution> </gmp-place-content-config>