地理围栏_数据映射子组件_子组件说明_城市三维场景构建器_DataV数据可视化

地理围栏是城市三维场景构建器的数据映射子组件，支持独立的样式和数据配置，包括地理围栏的顶面侧面样式配置、围栏叠加模式等。地理围栏的作用是表达面要素的区域范围，如限行区等。本文介绍地理围栏配置项的含义。

单击子组件管理下方的地理围栏子组件，进入配置面板配置地理围栏子组件的样式和数据。

说明如果子组件管理中没有地理围栏，说明您还未添加地理围栏子组件，请参见添加子组件进行添加。

配置

地理围栏配置面板参数说明。


参数	说明
已分配场景	详细功能说明，请参见已分配场景。
点击事件	开启点击事件后，当地理围栏被单击时，可以设置围栏显示的高亮颜色和回调ID功能；关闭点击事件后，无法配置上述两个功能。
高亮颜色	只有在开启点击事件后，可以设置地理围栏在被单击时的围栏高亮颜色，请参见颜色选择器说明，修改颜色。
回调ID	设置组件之间数据联动的变量，需要配置数据面板中的某一个字段。注意此功能已更新到交互面板中，配置面板的该功能将弃用，请尽快升级。新版本的交互功能支持配置多个字段。
显示顶面	开启显示顶面后，可以设置围栏顶面的颜色；关闭显示顶面后，无法设置顶面颜色。
顶面颜色	只有在开启显示顶面后，可以设置围栏顶面的颜色，请参见颜色选择器说明，修改颜色。
侧面颜色	设置围栏侧面的颜色，请参见颜色选择器说明，修改颜色。
侧面是否渐变	打开渐变开关，设置围栏侧面颜色实现渐变色功能；关闭渐变开关，颜色不显示渐变。
动画模式	设置地理围栏的动画模式，可选水平和垂直。
侧面贴图	在侧面贴图区域：鼠标移动到图片位置，单击删除可删除当前贴图，然后单击图片区域或者拖动本地图片到区域内即可添加一个新的侧面贴图。鼠标移动到图片位置，单击更改可重新上传本地图片。您也可以输入贴图的URL地址，将远程服务器上的图片作为侧面贴图。说明贴图仅支持使用PNG或者JPG格式的图片。
速度1	设置围栏侧面贴图1的旋转速度，取值范围为0~0.1。
贴图1UV平铺值	调整围栏侧面贴图1在x轴和y轴方向的UV平铺值大小，取值范围0~100。
侧面叠加贴图	在侧面叠加贴图区域。鼠标移动到图片位置，单击删除可删除当前贴图，然后单击图片区域或者拖动本地图片到区域内即可添加一个新的侧面效果叠加贴图。鼠标移动到图片位置，单击更改可重新上传本地图片。您也可以输入贴图的URL地址，将远程服务器上的图片作为侧面效果叠加的贴图。说明贴图仅支持使用PNG或者JPG格式的图片。
速度2	设置围栏侧面叠加贴图2的旋转速度，取值范围为0~0.1。
贴图2UV平铺值	调整围栏侧面叠加贴图2在x和y轴方向的UV平铺值大小，取值范围0~100。
叠加模式	单击下拉框，选择围栏的叠加模式，可选添加模式、正常模式和无叠加。
拉伸高度	设置地理围栏的拉伸高度值，数值越大，围栏被拉伸得越高，取值范围为0.2~200。
起始高度	设置地理围栏大起始位置高度，数值越大，围栏起始位置离地面越高，取值范围为0~200。

数据

数据接口：通过配置地理围栏位置数据，可将提取到的地理位置GeoJSON数据应用到DataV中，要求数据类型为LineString。

配置方法如下：

在地理围栏组件右侧面板选择数据页签。
单击配置数据源，选择数据源类型为静态数据。

获取地理围栏的位置GeoJSON，粘贴到数据输入框内。

本文仅提供一个简单的数据代码示例，如下所示：

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {},
      "geometry": {
        "type": "Polygon",
        "coordinates": [
          [
            [
              120.08967150000001,
              30.26864509993786
            ],
            [
              120.07796161366117,
              30.267648476954694
            ],
            [
              120.06670242172308,
              30.26469696701322
            ],
            [
              120.05632719330497,
              30.25990416395417
            ],
            [
              120.04723503274568,
              30.2534545052908
            ],
            [
              120.03977548282397,
              30.245596145781185
            ],
            [
              120.03423507144518,
              30.23663137551248
            ],
            [
              120.03082632188021,
              30.22690495768065
            ],
            [
              120.02967964554583,
              30.216790841165437
            ],
            [
              120.03083841965383,
              30.20667776436613
            ],
            [
              120.03425742521937,
              30.196954307395135
            ],
            [
              120.03980468944393,
              30.187993968368957
            ]
          ]
        ]
      }
    }
  ]
}

发布可视化应用项目，可以看到配置的地理围栏范围。

表 1. 配置项说明
配置项	说明
受控模式	打开开关，组件初始化状态下不请求数据，仅通过回调ID或蓝图编辑器配置的方法发起请求数据；关闭开关，可以使用自动更新请求数据。开关默认为关闭状态。
自动更新请求	选中后可以设置动态轮询，还可以手动输入轮询的时间频次。清除后则不会自动更新，需要手动刷新页面，或通过蓝图编辑器和回调ID事件来触发请求更新数据。
数据源	单击配置数据源，可在设置数据源页面中修改数据源类型和数据查询代码、预览数据源返回结果以及查看数据响应结果。详情请参见配置组件数据。
数据过滤器	数据过滤器提供数据结构转换、筛选和一些简单的计算功能。单击添加过滤器，可在设置数据源页面配置数据过滤器脚本，详情请参见组件过滤器使用说明。
数据响应结果	展示数据请求的响应结果。当数据源发生改变时，可单击右侧的图标，实时查看数据响应结果。

蓝图编辑器交互配置

在当前场景编辑器页面，单击左侧子组件管理列表中地理围栏右侧的图标。
鼠标移动到页面左上角的返回图标，单击弹出对话框中的蓝图编辑器。

在蓝图编辑器配置页面，单击导入节点栏内的地理围栏子组件，在画布中可以看到如下图所示的地理围栏的蓝图编辑器配置参数。地理围栏蓝图参数

事件


事件	说明
当数据接口请求完成时	数据接口请求返回并经过过滤器处理后抛出的事件，同时抛出处理后的JSON格式的数据。具体数据请参见上文的数据示例。
当数据接口请求失败时	数据接口请求失败时（请求失败的情况可能是：网络问题或接口报错等）返回并经过过滤器处理后抛出的事件，同时抛出处理后的JSON格式的数据。具体数据请参见上文的数据示例。

动作


动作	说明
请求数据接口	重新请求服务端数据，上游数据处理节点或图层节点抛出的数据将作为参数。例如地理围栏配置了API数据源为`http://api.test`，传到请求数据接口动作的数据为`{ id: '1'}`，则最终请求接口为`http://api.test?id=1`。
导入数据接口	按组件绘制格式处理数据后，导入组件，重新绘制。不需要重新请求服务端数据。具体数据请参见上文的数据示例。
显示组件	显示组件，不需要参数。
隐藏组件	隐藏组件，不需要参数。