目前大屏可视化或者自助仪表盘中,尚未支持航线图这种地图图形。而在 “地图” 的组件模板资源中,是通过宏代码的方式实现了一个航线图组件模板的。如下:
那么这个航线图组件模板要如何使用呢?
1、首先该航线图组件模板对数据是有一定的要求的。
(1)航线通常会有【起始城市】和【终点城市】。本组件模板适合以少数几个重点起始城市的航线进行展示的场景。
若实际场景中并没有重点起点城市,比如要展示全国的航线,那么就并不适用于本组件模板。
(2)数据要求包含以下字段和数据要求
字段 | 数据举例 | 备注 |
---|---|---|
序号 | 1、2、3、等 | 数据中必须包含的一列辅助列,属于统一起始城市的航线的序号必须相邻。 在后续使用中,通过对该字段设置排序来显示航线 |
起始城市 | 合肥 | 作为航线起始城市的显示名称 |
起始城市经度 | 112.34 | 起始城市的经度数据,用于定位起始城市的点在地图上的位置 |
起始城市纬度 | 23.44 | 起始城市的纬度数据,用于定位起始城市的点在地图上的位置 |
终点城市 | 广州 | 作为航线终点城市的显示名称 |
终点城市经度 | 134.53 | 终点城市的经度数据,用于定位终点城市的点在地图上的位置 |
终点城市纬度 | 28.66 | 终点城市的纬度数据,用于定位终点城市的点在地图上的位置 |
数据 | 实际的航线数据,比如航线数、里程数等等。。 |
本示例中构建的数据如下:
数据模型中的字段如下:
2、按照上述的要求准备好数据模型,新建自己的“大屏可视化”,将动态航线图复制到自己的“大屏可视化”中。切换数据模型,如下:
3、将 【序号】字段拖放到“列区”。将其余7个字段依次拖放到 ‘标记’区域中的 ‘提示’ 上
4、接下来还需要调整宏代码内容。
在地图组件上右键→宏管理
5、在宏管理界面上,点击一下刷新按钮,这样可以刷新宏代码菜单。然后双击对应的组件的宏菜单,打开宏代码编辑界面
6、找到如下代码。将红框中后半部分的内容,改成航线图所选择的数据模型中的对应的字段的名称
比如本例中,所使用的数据模型中对应的字段的名称如下:
代码修改后如下:
7、点击“宏管理”界面右下角的“保存”按钮。回到航线图编辑界面,点击工具栏上的“刷新”按钮,效果如下:‘
目前该示例只支持基于数据源表创建的数据模型! |