缩放级别样式设置示例

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

下面是一些不同缩放级别的复杂元素样式的示例。某些类型的元素样式可能仅在特定缩放级别显示,例如 3D 建筑物或地图注点 (POI)。

有绿色轮廓的黄色道路

自定义所有道路,使其采用浅黄色填充和深绿色轮廓作为基本样式。一个自定义样式地图的屏幕截图,其中显示了多条道路。这些道路以浅黄色显示,并带有绿色轮廓。

  1. Features(地图项)窗格中,选择 Roads(道路)地图项。系统随即会打开 Element Type(元素类型)窗格。
  2. Element Type(元素类型)窗格的 Geometry(几何图形)下,选择 Fill(填充)元素类型。系统随即会打开 Stylers(样式器)窗格。
  3. Stylers(样式器)窗格中,选择浅黄色(例如您可以输入十六进制代码 #eeeec8)。
  4. Element Type(元素类型)窗格的 Geometry(几何图形)下,选择 Stroke(描边)元素类型。
  5. Stylers(样式器)窗格中,选择深绿色(例如您可以输入十六进制代码 #155304)。
  6. Stylers(样式器)窗格中,将 Stroke Width(描边宽度)设为 3。

放大和缩小时,不同的道路在出现和消失时都会显示此样式。如果道路变得太小而无法显示轮廓,则仅显示一片浅黄色区域。

建筑物外观

以中等偏深的红色显示所有建筑物。

从缩放级别 17 开始,用户可以看到各个建筑物的轮廓;但并非所有建筑物都具有 3D 显示选项。

  1. Features(地图项)窗格中,选择 Buildings(建筑物)地图项。系统随即会打开 Element Type(元素类型)窗格。
  2. Element Type(元素类型)窗格中,选择 Footprints(足迹)建筑物样式。
    如果您想在地图样式中使用 3D 建筑物,选择 3D 即可。为建筑物添加颜色会覆盖所有 3D 显示。
  3. Element Type(元素类型)窗格中,选择 All(全部)。系统随即会打开 Stylers(样式器)窗格。
  4. Stylers(样式器)窗格中,选择中等偏深的红色(例如您可以输入十六进制代码 #c23a00)。地图上的所有建筑物都会以红色显示。
一个自定义样式地图的两个屏幕截图,缩放级别均为 19。左侧建筑物采用三维外观,某些侧面会有轻微的阴影。右侧建筑物以深红色显示,没有立体效果或阴影。

不同颜色的水域

添加一种样式,使水域在缩小至最低级别 (z0) 时呈现深蓝色,在放大到州或省的级别(在笔记本电脑上为缩放级别 6)时呈现中蓝色,在放大至最高级别 (z19) 时呈现浅蓝色并带有深蓝色边框。一个自定义样式地图的两个屏幕截图。左侧显示的是被一片中等偏深的蓝色水域包围的陆地。右侧显示的是地图上的同一片区域,但被放大一个级别。该水域的蓝色比左侧地图略浅。

  1. Features(地图项)窗格中,选择 Water(水域)地图项。系统随即会打开 Element Type(元素类型)窗格。
  2. 在最大缩放级别设置最深的水域颜色。
    1. Element Type(元素类型)窗格中,选择 Geometry(几何图形)。系统随即会打开 Stylers(样式器)窗格。
    2. Stylers(样式器)窗格中,选择深蓝色。
    3. 选中 Customize across zooms(在不同缩放级别自定义),将滑块移动到级别 z0 对应的位置,然后选中 Add Stop:(添加驻点:)复选框。
  3. 从缩放级别 6 开始,将水域颜色更改为中蓝色。
    1. Stylers(样式器)窗格中,将缩放级别滑块移至右侧级别 z6 对应的位置。
    2. 然后选中 Add Stop:(添加驻点:)复选框。
    3. 选择中蓝色。
  4. 在缩放级别 19,将水域更改为浅蓝色,并用深蓝色的 2 点宽轮廓进行填充。
    1. Stylers(样式器)窗格中,将缩放级别滑块移至右侧级别 z19 对应的位置。
    2. Element Type(元素类型)窗格的 Geometry(几何图形)下,选择 Fill(填充)。
    3. Stylers(样式器)窗格中,选中 Customize across zooms(在不同缩放级别自定义),将滑块移动到级别 z19 对应的位置,然后选中 Add Stop:(添加驻点:)复选框。
    4. 选择浅蓝色。
    5. Element Type(元素类型)窗格的 Geometry(几何图形)下,选择 Stroke(描边)。
    6. 选中 Customize across zooms(在不同缩放级别自定义),将滑块移动到级别 z19 对应的位置,然后选中 Add Stop:(添加驻点:)复选框。
    7. 选择深蓝色。
    8. Stylers(样式器)窗格中,向右移动滑块,将 Stroke Width(描边宽度)设置为 2。

对于小溪和溪流以及诸多较小的河流,即使一直放大,也只能看到主体的颜色。对于大型池塘、湖泊和较大的水体,描边和填充之间则有很明显的差异。