设置缩放级别样式

请选择平台: Android iOS JavaScript 网络服务

适用范围:此功能在 Android、iOS、JavaScript 和 Maps Static 中提供。

您可以在用户查看地图时所用的缩放级别下突出显示地图项,提供更符合用户需求的地图体验。例如,您可以在用户放大查看特定位置时,突出显示相关地图注点或道路。

您可以为地图项元素设置样式,使其在地图的所有缩放级别都显示相同的效果;对于某些元素,您可以针对不同的缩放级别创建不同的样式。

并非所有地图项都支持自定义缩放级别。如果相应地图项元素支持设置缩放级别样式,右侧会显示一个菱形图标。

表示可以设置缩放级别样式的菱形图标

了解缩放级别样式

缩放级别的范围为 0 到 22,0 表示缩小到最低级别(显示整个世界),22 表示放大到最高级别(详细显示地图上的一小部分)。Keyzoom 是您希望开始应用新样式的起始缩放级别。

当您为地图项设置不同缩放级别的样式时,相应样式将应用于所有更高的缩放级别(放得更大的级别),直至遇到另一个缩放级别样式。系统总是会为缩放级别 0 添加当前样式。

例如,如果您针对缩放级别 5 和 10 设置样式:

  • 缩放级别 5 的样式将应用于缩放级别 5-9。
  • 缩放级别 10 的样式将应用于缩放级别 10-22。
  • 缩放级别 0-4 则保留当前样式。

如果您为地图项自定义缩放级别样式,该样式会覆盖整个地图项的所有自定义样式。

自定义不同的缩放级别

  1. 在 Cloud 控制台中,前往地图样式页面,然后根据需要选择项目。

  2. 创建或打开一个地图样式,然后选择自定义。如需了解详情,请参阅创建地图样式

  3. 地图项窗格中,选择要自定义的地图项。系统会打开一个面板,显示支持自定义的元素。

  4. 在要添加缩放级别样式的元素旁边,选择右侧的缩放菱形图标,打开缩放级别样式设置窗格。

    表示可以设置缩放级别样式的菱形图标

  5. 当前缩放级别旁边,选择要自定义的缩放级别。预览地图即会调整到该缩放级别。

    显示所有 Keyzoom 样式和当前缩放级别选择器的菜单

  6. 选择添加 Keyzoom。缩放级别样式设置窗格会在所选缩放级别添加新的 keyzoom,并显示相应的默认地图项值。

    缩放级别样式设置窗格中会显示当前缩放级别 12 的新缩放级别样式,以及其默认基本地图值。

  7. 设置此缩放级别的样式,并根据需要设置缩放级别 0 和列出的任何其他默认缩放级别的样式。

    设置新的缩放级别样式

  8. 若要设置其他缩放级别的样式,请更改当前缩放级别,然后再次选择添加 Keyzoom,在列表中添加其他缩放级别。继续添加和设置缩放级别样式,直至完成。

  9. 完成后,关闭缩放级别样式设置窗格。

覆盖元素的默认地图底色值

如果您想覆盖地图项元素在所有缩放级别下的所有默认地图颜色值,请先在“元素”窗格中为该元素设置样式。当您向该元素添加关键缩放区域时,关键缩放区域会使用您设置的元素颜色值,而不是默认的地图底图颜色值。

将水域元素的填充颜色设置为深红色。在缩放级别样式设置窗格中,添加的 keyzoom 也设置为深红色。

保存并发布缩放级别样式

  1. 若要保存地图样式更改,请选择保存

  2. 若要将更改应用到与地图样式关联的地图 ID,请选择发布

移除缩放级别样式

  1. 地图项窗格中,选择要自定义的地图项。

  2. 在要移除缩放级别样式的元素旁边,选择右侧的小菱形缩放图标。具有缩放级别样式的元素会显示一个蓝色的实心菱形图标。

    表示设置了缩放级别样式的实心缩放图标

  3. 在要移除的缩放级别旁边,选择减号图标将其删除。

    如要删除某个缩放级别样式,请选择相应的减号图标

  4. 选择 X 图标关闭缩放级别样式设置窗格。

移除所有缩放级别样式

如果您要移除地图项元素的所有自定义样式,可以执行以下任一操作:

  • “元素”面板中,选择相应元素名称旁边的 减号图标。
  • “Keyzoom”面板中,选择元素名称旁边的 重置图标。