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

目录:

1. 概述编辑

1.1 应用场景

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

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

1.2 实现思路

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

2. 示例编辑

2.1 数据准备

点击设计器左上角「文件>新建普通报表」,新建数据集 ds1,数据库查询语句如下

SELECT distinct cname,lot-0.006 as lot,lat-0.006 as lat,stationinfo FROM station;

分别记录着各站点的首末班车时间,如下图所示:

ASQL.png

2.2 插入图表

1)新建普通报表「地图之北京地铁站点信息主表.cpt」,合并一片单元格区域,点击上方工具栏插入图表按钮,插入一个点地图。如下图所示:

CRTB.png

2)新建地图之「北京地铁站点信息-出口信息.cpt」,添加数据库查询 ds1,数据库查询语句如下

SELECT cname,exitname,addr FROM exitinfo WHERE cname ='${dz}';

将字段拖入模板,样式如下图所示:

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

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

3)新建地图之北京「地铁站点信息-线路信息.cpt」,添加数据库查询 ds1,数据库查询语句如下

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 绑定数据

绑定地图之北京地铁站点信息主表的数据,选中地图,点击「单元格元素>数据」,使用经纬度定位,系列名设置为首/末班车,汇总方式选择首个。如下图所示:

BD.png

2.4 主表样式设计

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

LX.png

2)选择样式>系列,颜色划分选择「系列」,点样式选择自定义图片」。如下图所示:
Xl.png

2.5 主表超链设置

2.5.1 设置出口信息

1)选择特效>交互属性>超级链接,点击增加链接,添加网络报表」超链。如下图所示:

tx.png

2)选择地图之北京地铁站点信息-出口信息.cpt,添加参数 dz,如下图所示:

CK.png

2.5.2 设置线路信息

1)选择特效>交互属性>超级链接,点击增加链接,添加网络报表」超链。如下图所示:

tx.png

2)选择地图之北京地铁站点信息-线路信息.cpt,添加参数 xl,如下图所示:

CK.png

2.6 效果预览

2.6.1 PC端

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

6DD3E50C-EA9E-4AB1-B8AD-2439D62375E4.GIF

2.6.2 移动端

App 和 HTML5 端均支持,效果如下图所示:

4D3329C8-297A-4DCE-90B8-ECCD75EF6C59.GIF

3. 模板下载编辑