历史版本14 :地铁站点信息地图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 问题描述

在新图表基础上,通过经纬度实现北京地铁线路图,车站站点信息。

当鼠标放在车站点上时,提示该车站点的首末班车时间。点击对应车站点时,弹出该车站点的出口信息线路信息目录,点击目录弹出相关信息,如下图所示:
1594737468867622 (1).gif

1.2 解决思路

使用点地图自定义点样式,使用超级链接展示弹窗页面。

2. 示例编辑

2.1 数据准备

新建数据库查询ds1,SQL语句为:SELECT distinct cname,lot-0.006 as lot,lat-0.006 as lat,stationinfo FROM station;,分别记录着各站点的首末班车时间,如下图所示:

2020-07-14_22-00-33.png

2.2 插入图表

1)新建决策报表地图之北京地铁站点信息主表.frm,将地图拖拽至body组件中,如下图所示:
2020-07-14_22-06-51.png

2)新建地图之北京地铁站点信息-出口信息.cpt,添加数据库查询ds1,SQL语句:SELECT cname,exitname,addr FROM exitinfo WHERE cname ='${dz}';将字段拖入模板,样式如下图所示:

2020-07-14_22-09-41.png

注:设置其第一行为重复标题行

3)新建地图之北京地铁站点信息-线路信息.cpt,添加数据库查询ds1,SQL语句:select lineid,linename,lineinfo from line where lineid in (SELECT lineid FROM station WHERE cname ='${xl}');,将字段拖入模板,样式如下图所示:

2020-07-14_22-10-41.png

注:设置其第一行为重复标题行

2.3 绑定数据

1)绑定地图之北京地铁站点信息主表的数据,系列名设置为首/末班车,如下图所示:

2020-07-14_22-14-21.png

2)绑定地图之北京地铁站点信息-出口信息的数据,如下图所示:

2020-07-14_22-15-53.png

3)绑定地图之北京地铁站点信息-线路信息的数据,如下图所示:

2020-07-14_22-16-46.png

2.4 主表样式设计

1)选择类型>点地图,设置 GIS 图层为高德地图,以北京为中心点,如下图所示:

Snag_190e9a2f.png

2)选择样式>系列,点样式选择自定义图片,如下图所示:
2020-07-14_22-20-01.png

2.5 主表超链设置

1)选择特效>交互属性>超级链接,点击增加按钮,添加网络报表出口信息,选择地图之北京地铁站点信息-出口信息.cpt,添加参数dz,如下图所示:

2020-07-14_22-24-50.png

2)选择特效>交互属性>超级链接,点击增加按钮,添加网络报表线路信息,选择地图之北京地铁站点信息-线路信息.cpt,添加参数xl,如下图所示:

2020-07-14_22-28-19.png

2.6 效果预览

1)PC端

保存模板,点击分页预览,效果如下图所示:

1594737468867622 (1).gif

2)移动端

1594738196611489 (1).gif

3. 模板下载编辑