地铁站点信息地图

1.1 问题描述

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

当鼠标放在车站点上时，提示该车站点的首末班车时间。点击对应车站点时，弹出该车站点的出口信息及线路信息目录，点击目录弹出相关信息，如下图所示：

1.2 解决思路

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

2.1 数据准备

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

2.2 插入图表

1）新建决策报表地图之北京地铁站点信息主表.frm，将地图拖拽至body组件中，如下图所示：

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

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

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

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

2.3 绑定数据

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

2）绑定地图之北京地铁站点信息-出口信息的数据，如下图所示：

3）绑定地图之北京地铁站点信息-线路信息的数据，如下图所示：

2.4 主表样式设计

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

2）选择样式>系列，点样式选择自定义图片，如下图所示：

2.5 主表超链设置

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

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

2.6 效果预览

1）PC端

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

2）移动端

点击下载模板：

地图之北京地铁站点信息主表.frm

地图之北京地铁站点信息-出口信息.cpt

地图之北京地铁站点信息-线路信息.cpt