页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。


目录

问题描述

目前大屏可视化或者自助仪表盘中,尚未支持航线图这种地图图形。而在 “地图” 的组件模板资源中,是通过宏代码的方式实现了一个航线图组件模板的。如下:

那么这个航线图组件模板要如何使用呢?

解决方法

1、首先该航线图组件模板对数据是有一定的要求的。

(1)航线通常会有【起始城市】和【终点城市】。本组件模板适合以少数几个重点起始城市的航线进行展示的场景。


若实际场景中并没有重点起点城市,比如要展示全国的航线,那么就并不适用于本组件模板。


(2)数据要求包含以下字段和数据要求

字段数据举例备注
序号1、2、3、等

数据中必须包含的一列辅助列,属于统一起始城市的航线的序号必须相邻。

在后续使用中,通过对该字段设置排序来显示航线

起始城市合肥作为航线起始城市的显示名称
起始城市经度112.34起始城市的经度数据,用于定位起始城市的点在地图上的位置
起始城市纬度23.44起始城市的纬度数据,用于定位起始城市的点在地图上的位置
终点城市广州作为航线终点城市的显示名称
终点城市经度134.53终点城市的经度数据,用于定位终点城市的点在地图上的位置
终点城市纬度28.66终点城市的纬度数据,用于定位终点城市的点在地图上的位置
数据
实际的航线数据,比如航线数、里程数等等。。


本示例中构建的数据如下:


数据模型中的字段如下:


2、按照上述的要求准备好数据模型,新建自己的“大屏可视化”,将动态航线图复制到自己的“大屏可视化”中。切换数据模型,如下:



3、将 【序号】字段拖放到“列区”。将其余7个字段依次拖放到 ‘标记’区域中的 ‘提示’ 上


4、接下来还需要调整宏代码内容。

在地图组件上右键→宏管理


5、在宏管理界面上,点击一下刷新按钮,这样可以刷新宏代码菜单。然后双击对应的组件的宏菜单,打开宏代码编辑界面


6、找到如下代码。将红框中后半部分的内容,改成航线图所选择的数据模型中的对应的字段的名称


比如本例中,所使用的数据模型中对应的字段的名称如下:

代码修改后如下:


7、点击“宏管理”界面右下角的“保存”按钮。回到航线图编辑界面,点击工具栏上的“刷新”按钮,效果如下:‘

注意

目前该示例只支持基于数据源表创建的数据模型!