使用样式编辑器

本页介绍了如何使用 Google Cloud Console 中的样式编辑器来自定义地图元素和地图项的样式。在样式编辑器中,您可以自定义地图项的样式,例如地图元素的填充颜色和轮廓颜色。您可以控制地图注点 (POI)的可见性和密度,还可以按缩放级别应用样式

地图样式的自定义设置始终优先于 Google 对地图样式进行的任何更新,例如,对行业优化地图或 Google 基本地图的默认样式进行的更新。

示例

如需运行 ApiDemos 示例应用,请参阅 GitHub 示例 (Java | Kotlin) 并查看 CloudBasedMapStylingActivity 演示 (Java | Kotlin)。

自定义地图项样式

您可以自定义地图项的样式,例如,道路的填充颜色和轮廓颜色:

  1. 打开样式编辑器,具体做法是,转到 Cloud Console 中的地图样式页面,然后创建地图样式更新现有地图样式
  2. 选择一个地图项,打开元素类型子菜单。对父级地图项的样式更改也会应用到其子级地图项。例如,对道路地图项的自定义也会应用到其子级地图项:高速公路收费公路主干道当地公路车道小路
  3. 要自定义某个地图项,请选择父级几何图形元素。系统随即会打开样式器子菜单:
    • 更改颜色会自动选中颜色复选框并将您的颜色自定义设置应用到几何图形元素及其子级元素。
    • 您可以通过选择以下选项之一来切换元素的可见性:
      • 继承(默认):元素会继承父级自定义设置。
      • 开启:覆盖所有继承的设置,并确保元素始终显示在地图上。
      • 关闭:覆盖所有继承的设置,并确保元素始终处于隐藏状态。
  4. 点击保存即可保存更改。点击发布之前,您所做的更改将不会应用于任何地图。

按缩放级别自定义

当在 Google Cloud Console 中使用样式编辑器创建地图样式时,您可以在不同缩放级别自定义现有元素的样式。例如,您可以自定义水的颜色,在缩放级别为 0 时设置为粉色,在缩放级别为 10 时设置为紫色,并将其他自定义设置与您在指定缩放级别下看到的详细程度关联起来。

若要在不同缩放级别自定义样式设置,请执行以下操作:

  1. 打开样式编辑器,具体做法是,转到 Cloud Console 中的地图样式页面,然后创建地图样式更新现有地图样式
  2. 选择一个地图项并打开元素类型子菜单,然后选择要自定义的元素。
  3. 选中在不同缩放级别自定义复选框,即可在样式编辑器中在当前缩放级别下进行自定义。

    选中在不同缩放级别自定义复选框后,您应该会看到以下内容:

    • 添加停止点:z 复选框,指明当前缩放级别并将自定义设置附加到指定的缩放级别。
    • 滚动条,用于修改和选择缩放级别。您可以使用地图布尔值缩放控件或键盘上的箭头键调整缩放级别。
  4. 当您在样式器子菜单中进行自定义设置时,样式编辑器会自动选中添加停止点:z 复选框,在滑块上方显示蓝点,并覆盖所有继承的样式。

    滑块上方的蓝点表示对所选缩放级别进行了更改。要阻止保存在特定缩放级别所做的更改,请取消选中添加停止点:z 复选框(蓝点会变成灰色,表示这些更改不会在该级别保存)。取消选中该复选框后,相关元素会恢复继承的样式。

    如果您在某缩放级别进行自定义设置,那么系统将会更新指定缩放级别及以上级别的所有自定义设置。例如,对缩放级别 10 进行的自定义设置将影响缩放级别 10、11、12 等级别的所有自定义设置。这些自定义设置将替换继承的所有样式。

  5. 要保存更改,请点击保存。要公开对与地图样式关联的地图 ID 所做的更改,请点击发布