覆盖主要内容
版本: 下个版本

OD线

OD线​

OD线用于场景中多个点之间的连线。支持弧线与直线两种形式。

如下图，在子组件列表中点击 “OD线”可以进入OD线子组件的相关设置。

数据项​

OD线支持在数据项设置中传入数据，数据接口字段说明如下表：

字段状态说明
positions必传OD线各点为经纬度、高度位置。注意：直线可以传入多个点的位置。弧线只有前两个点有效。示例数据： "positions": [{"lat": 26.56819,"lng": 106.7145,"height": 1200}, { "lat": 26.56819,"lng": 106.7245,"height": 1200 }]
lineStyle必传OD线的样式，示例数据 "lineStyle": { "heightRatio": 1, // 弧线曲率 "width": 2, // 线条宽度 "color": "rgba(255,240,255,1)", // 光点颜色"bgColor": "rgba(0,0,0,0.2)", // 线条颜色 "bidirectional": 0, // 光点运动方向 0:正向，1:反向，2:双向 "startTime": 0.5, // OD线渲染完成后光点开始播放的时间 "duration": 2 //光点的播放时长 }

示例数据：

    [
           {
               "positions": [
                   {
                       "lat": 26.56819,
                       "lng": 106.7145,
                       "height": 1200
                   },
                   {
                       "lat": 26.56819,
                       "lng": 106.7245,
                       "height": 1200
                   }
               ],
               "lineStyle": {
                   "heightRatio": 1,
                   "width": 2,
                   "color": "rgba(255,240,255,1)",
                   "bgColor": "rgba(0,0,0,0.2)",
                   "bidirectional": 0,
                   "startTime": 0.5,
                   "duration": 2
               }
           },
           {
               "positions": [
                   {
                       "lat": 26.56819,
                       "lng": 106.7345,
                       "height": 1200
                   },
                   {
                       "lat": 26.55819,
                       "lng": 106.7145,
                       "height": 1200
                   }
               ],
               "lineStyle": {}
           },
           {
               "positions": [
                   {
                       "lat": 26.54819,
                       "lng": 106.7145,
                       "height": 1200
                   },
                   {
                       "lat": 26.53819,
                       "lng": 106.7145,
                       "height": 1200
                   }
               ],
               "lineStyle": {}
           }
       ]
信息

注：在传入数据时，可以在lineStyle中将OD线的相关样式就设置好传入，也可以在lineStyle字段中传入空对象，那么该OD线的相关样式就可以通过右侧菜单的”样式设置“来设置。

基本设置​

  • 是否循环播放：开启/关闭光点的循环播放。
  • 播放：是否播放OD线上的光点运动。
  • 是否在透明通道渲染：
  • OD线类型：弧线 | 直线
  • 播放总时长：光点运动的时长。范围：[0,120]，单位：秒。

样式设置​

  • 弧线曲率：当OD线样式设置为”弧线“时显示，弧线的曲率。范围：[1,100]
  • 线条宽度：OD线的宽度。范围：[1.50],单位：px。
  • 最小距离：此参数决定了OD线的平滑程度，当起点与终点距离过远时(如北京--贵阳)，建议先将此参数设置到10000以上，该参数太小会占用过多的cpu资源，导致页面卡顿。
  • 光点颜色：OD线上运动的光点的颜色。
  • 线条颜色：OD线的颜色。
  • 运动方向：OD线上光点运动的反向。正向 | 反向 | 双向
  • 开始播放时间：OD线渲染完成后光点开始播放的时间

蓝图编辑器​

事件​

事件说明
当数据接口数据请求完成时数据接口请求返回并经过过滤器处理后抛出的事件，同时抛出处理后的JSON格式的数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据页签的数据响应结果区域。
当ODLine加载完成时当ODLine加载完成时，会抛出一个加载完成状态的数据。

动作​

动作说明
当请求数据接口重新请求服务端数据，上游数据处理节点或图层节点抛出的数据将作为参数。例如折线阶梯图配置了API数据源为 http://api.test，传到请求折线阶梯图接口动作的数据为{ id: '1'}，则最终请求接口为http://api.test?id=1。
当导入数据接口按组件绘制格式处理数据后，导入组件，重新绘制。不需要重新请求服务端数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据页签的数据响应结果区域。
镜头飞入该组件场景相机镜头会缓慢飞入场景视频融合组件的上方。
显示在三维城市场景中显示该子组件
隐藏停止播放OD线上的光点运动。
开始播放停止播放OD线上的光点运动。
停止播放停止播放OD线上的光点运动。
最后一次更新 更新于