地铁站点信息地图

  • 文档创建者:zsh331
  • 编辑次数:13次
  • 最近更新:Leo.Tsai 于 2020-08-11
  • 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 图层为高德地图,以北京为中心点,如下图所示:

    2020-07-14_22-18-03.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. 模板下载

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!