设置缩放级别样式

请选择平台: 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。缩放级别样式设置窗格在 选定的缩放级别,并显示相应的默认基本地图值。

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

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

    设置新的缩放级别样式

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

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

覆盖元素的默认基本地图颜色值

如果您想覆盖地图的所有默认基本地图颜色值 地图项元素,请先在元素窗格中设置元素的样式。 当您向该元素添加 keyzoom 时,keyzoom 会使用您设置的元素颜色 值,而不是默认的基本地图颜色值。

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

保存并发布缩放级别样式

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

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

移除缩放级别样式

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

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

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

  3. 在您要删除的缩放级别旁边,选择减号图标以 删除它。

    要删除缩放级别样式,请选择减号图标

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

移除所有缩放级别样式

如果您想移除该地图项元素中的所有自定义样式, 在“元素”窗格中,选择元素名称旁边的减号图标。