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

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

图表样式

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

样式面板{6F803309-52D8-4446-9D20-876A9A4C735F}

  • 搜索配置:单击样式面板右上角的搜索配置项图标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,单位为分钟。

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

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

高级面板

{73BCE2E7-9CD1-4026-A7C3-7A6AAE22A1B6}

通过高级面板配置交互事件或关联全局变量,实现组件之间的联动。具体操作请参见组件交互配置

蓝图交互

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

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

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

    说明

    图层事件和动作的参数提示信息,可以在画布右侧的锚点配置中单击image图标查看。

    • 事件

      事件

      说明

      组件加载完成

      数据接口请求返回并经过过滤器处理后抛出的事件,同时抛出处理后的JSON格式的数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据源页签的数据响应结果区域。

    • 动作

      动作

      说明

      切换显隐

      切换显隐显示隐藏组件默认不需要参数,可以按需添加动画配置,参考数据示例。

      {
        //动画方式,可选值为:appear|fade|slideToUp,默认值为 fade,不填无动画。
        "animationType": "fade",
        //动画延迟,默认值为1000,单位ms。
        "animationDuration": 1000,
        //动画曲线,可选值为:linear|easeInOutQuad|easeInOutExpo,默认值为 linear。
        "animationEasing": "linear"
      }

      显示

      隐藏

      更新组件配置

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