栅格瓦片层(v4.x版本)

本文介绍栅格瓦片层各配置项的含义。

图表样式

栅格瓦片层是基础平面地图 4.0的子组件,支持独立的样式和交互配置,包括瓦片的模板、显示内容以及滤镜等,支持接入最新的高德在线地图作为瓦片,可以根据需要自定义地图样式。image

样式面板image

  • 搜索配置:单击样式面板右上角的搜索配置项图标image,可在搜索配置面板中输入您需要搜索的配置项名称,快速定位到该配置项,系统支持模糊匹配。详情请参见搜索配置项

  • 通用:栅格瓦片层通用配置参数。

    参数

    说明

    可见级别

    设置栅格瓦片层的可见级别值,取值范围为0~22,单位级,在设定的级别范围内栅格瓦片层可见,级别之外不可见。

    不透明度

    设置栅格瓦片层的不透明度值,取值范围为0~100,单位%。数值越大地图样式越不透明。

  • 图形:栅格瓦片层图形样式配置参数。

    • 瓦片分类:选择地图层的瓦片类型,包括常规瓦片WMS瓦片

      • 常规瓦片:常规瓦片类型的配置项参数。仅在瓦片分类选择常规瓦片可配置。

        参数

        说明

        瓦片地址

        单击下拉框选择一个系统内置的瓦片地址样式,包括高德电子地图高德卫星图两种。

        说明

        您可以删除下拉框中的预设地图,并填写自定义的瓦片地址即可设置自定义瓦片地址。

        瓦片大小

        可选256512两种规格。默认情况下此选项无需修改,特殊情况下请参照您瓦片服务输出瓦片大小进行修改。

        缩放偏移

        拖动滑块调整瓦片层缩放偏移的值,取值范围为-10~10。仅在父容器使用自定义坐标系时才会生效,默认值为0。

        TMS协议

        打开开关,栅格瓦片层内容遵循TMS协议;关闭开关,栅格瓦片层内容不遵循TMS协议。

      • WMS瓦片:常规瓦片类型的配置项参数。仅在瓦片分类选择WMS瓦片时可配置。

        参数

        说明

        服务地址

        自定义填写WMS服务地址,不填则使用默认服务地址。

        图层列表

        自定义填写WMS服务地址时所需的图层列表内容。

        图像样式

        单击下拉框选择一个图像样式,可选image/pngimage/jpeg。当含透明区域服务时 选择image/png

        平移量X

        WMS瓦片在x轴方向上的平移量。

        平移量Y

        WMS瓦片在Y轴方向上的平移量。

    • 自动刷新:打开开关,系统会按照您设置的刷新间隔时间,自动刷新瓦片数据。

      说明

      当您使用的瓦片服务为高德热力或高德实时路况时,需开启此选项,用来自动刷新获取最新的瓦片数据。

      刷新间隔:瓦片自动刷新的时间间隔,范围为1~100,单位为分钟。

    • 叠加蒙版:单击左侧开关图标图标,即可开启叠加蒙版后瓦片层的蒙版颜色,请参见颜色选择器说明进行修改。

    • 风格滤镜:单击左侧开关图标图标,即可开启滤镜配置。开启后,可以为瓦片层添加滤镜效果,可设置滤镜的亮度对比度灰度色相反转饱和度墨度

数据源面板

此组件没有数据源面板。

高级面板

此组件没有交互事件。

蓝图交互

  1. 单击页面左上角的image图标,进入蓝图页面。

  2. 图层节点页签下,添加当前组件至主画布中。

  3. 查看蓝图配置参数。image

    • 事件:无

    • 动作

      动作

      说明

      切换显隐

      切换组件显示或隐藏,不需要参数。

      显示

      显示组件,参考数据示例。

      {
        "animationType": "",//动画方式,可选值:fade,不填无动画。
        "animationDuration": 1000,//动画延迟,单位ms。
        "animationEasing": ""//动画曲线
      }

      隐藏

      隐藏组件,参考数据示例。

      {
        "animationType": "",//动画方式,可选值:fade,不填无动画。
        "animationDuration": 1000,//动画延迟,单位ms。
        "animationEasing": ""//动画曲线
      }

      更新组件配置

      动态更新组件的样式配置。需要先在组件的样式面板中,单击复制配置到剪贴板,获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。