反饋已提交

網絡繁忙

地鐵地點資訊地圖

1. 概述

1.1 應用場景

在地圖基礎上,透過經緯度實現北京地鐵線路圖,車站地點資訊。

當滑鼠懸浮車地點時,提示該車地點的首末班車時間。點選對應車地點時,彈出該車地點的出口資訊及線路資訊目錄,點選目錄彈出相關資訊。如下圖所示:

2025-01-16_13-38-46.gif

1.2 實現思路

使用點地圖自訂點樣式,使用超級連結展示彈窗頁面。

2. 範例

2.1 資料準備

點選設計器左上角「檔案>建立普通報表」,建立資料集 ds1,資料庫查詢語句如下

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

分別記錄着各地點的首末班車時間,如下圖所示:


2.2 插入圖表

1)建立普通報表「地圖之北京地鐵地點資訊主表.cpt」,合併一片儲存格區域,點選上方工具欄插入圖表按鈕,插入一個點地圖。如下圖所示:

2)建立地圖之「北京地鐵地點資訊-出口資訊.cpt」,新增資料庫查詢 ds1,資料庫查詢語句如下

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

將欄位拖入範本,樣式如下圖所示:

注:設定其第一欄為重複標題欄。 

3)建立地圖之北京「地鐵地點資訊-線路資訊.cpt」,新增資料庫查詢 ds1,資料庫查詢語句如下

select lineid,linename,lineinfo from line where lineid in (SELECT lineid FROM station WHERE cname ='${xl}');

將欄位拖入範本,樣式如下圖所示:

注:設定其第一欄為重複標題欄。

2.3 綁定資料

綁定地圖之北京地鐵地點資訊主表的資料,選中地圖,點選「儲存格元素>資料」,使用經緯度定位,系列名設定為首/末班車,匯總方式選擇首個。如下圖所示:

2.4 主表樣式設計

1)選擇類型>點地圖,設定 GIS 圖層為高德地圖,以北京為中心點,如下圖所示:

2)選擇樣式>系列,顏色劃分選擇「系列」,點樣式選擇自訂圖片」。如下圖所示:

2.5 主表超連結設定

2.5.1 設定出口資訊

1)選擇特效>交互屬性>超級連結,點選增加連結,新增「網路報表」超連結。如下圖所示:

2)選擇地圖之北京地鐵地點資訊-出口資訊.cpt,新增參數 dz,如下圖所示:

2.5.2 設定線路資訊

1)選擇特效>交互屬性>超級連結,點選增加連結,新增網路報表」超連結。如下圖所示:

2)選擇地圖之北京地鐵地點資訊-線路資訊.cpt,新增參數 xl,如下圖所示:

2.6 效果預覽

2.6.1 PC端

儲存範本,點選「分頁預覽」,效果如下圖所示:

2025-01-16_13-38-46.gif

2.6.2 行動端

App 和 HTML5 端均支援,效果如下圖所示:

1717656542359822.gif

3. 範本下載

附件列表


主題: 圖表應用
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙