> For the complete documentation index, see [llms.txt](https://bai-da-shuspersonal-organization.gitbook.io/2025wmg/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bai-da-shuspersonal-organization.gitbook.io/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/6.0-can-jia-zhe-zhuan-qu/6.3-jiao-tong-zi-xun.md).

# 6.3-交通資訊

### Meta Data設定

<table><thead><tr><th width="190">項目</th><th width="438">內容</th><th>備註</th></tr></thead><tbody><tr><td>頁面簡述</td><td>提供賽事參加者賽會入境與各場館間的接駁車路線資訊，並呈現本次賽會永續運輸資訊</td><td></td></tr><tr><td>網址URL</td><td>/trafficguide/</td><td></td></tr><tr><td>【頁籤名稱】  / 網址</td><td><ul><li>【入境接駁】      /trafficguide/1</li><li>【場館接駁】      /trafficguide/2</li><li>【開閉幕指引】  /trafficguide/3</li><li>【訂車服務】      /trafficguide/4</li><li>【永續運輸】      /trafficguide/5</li></ul></td><td></td></tr><tr><td>Page Title</td><td>交通資訊｜2025雙北世界壯年運動會</td><td></td></tr><tr><td>Page Description</td><td>掌握2025年世界壯年運動會的交通資訊，包括入境台灣的方式、各競賽場館間的接駁車路線，以及賽事期間的永續運輸方案。規劃便捷出行路線，支持綠色運輸，共享環保與效率兼具的交通體驗！</td><td></td></tr><tr><td>OG Image設定</td><td>使用全站用<a href="/2025wmg/fu-lu-qing-dan/quan-zhan-meta-data-she-ding-qing-dan.md#og-image">OG:Image</a></td><td></td></tr></tbody></table>

{% hint style="info" %}
完整清單，請點選前往[全站Meta Data設定清單](https://docs.google.com/spreadsheets/d/1mbYNsNVQGtUAlDKejE4DphAiQwHbe40KvPUrDCuWGIw/edit?gid=150750486#gid=150750486)
{% endhint %}

***

### 功能簡述

{% hint style="info" %}

* 提供賽事參加者賽會入境、各場館間的接駁車路線資訊、開閉幕交通指引、帕拉選手訂車服務，並呈現本次賽會永續運輸資訊
* 共有 5 個頁籤
  * 入境接駁
  * 場館接駁
  * 開閉幕指引
  * 訂車服務
  * 永續運輸
    {% endhint %}

### 設計規格

{% tabs %}
{% tab title="【入境接駁】 頁籤" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FWCETG9xJUFhQkcSKgLjV%2FFrame%20627354.png?alt=media&amp;token=69c27584-c681-4dd1-81af-a0b2f2044be4" alt=""><figcaption></figcaption></figure>

1. **篩選列**

   <figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2F06pHaWntDDzGF0jGu2Yn%2FFrame%20627357.png?alt=media&amp;token=d82e0445-e05b-45d0-ba2c-7298623f2300" alt=""><figcaption></figcaption></figure>

   1. 針對入境接駁路線圖資料中「出發地點」欄位，進行資料篩選
   2. 入境接駁路線的「抵達地點」固定是認證中心
   3. 當選擇「出發地點」下拉選單，下方顯示符合條件的接駁路線圖
   4. 出發地點下拉選單：
      1. 項目內容：
         1. 松山機場第一航廈
         2. 桃園機場第一航廈
         3. 桃園機場第二航廈
      2. 預設顯示：松山機場第一航廈
2. **接駁路線圖**

   <div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2Ft4AU5fWXeZVHb3U9jNz9%2FIMG.png?alt=media&amp;token=5d90a237-37da-42fc-b366-2412af451198" alt="" width="375"><figcaption></figcaption></figure></div>

   1. 依照上方「出發地點」＆「抵達地點」篩選條件，顯示接駁路線圖
      {% endtab %}

{% tab title="【場館接駁】頁籤" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2Fcvj2xVzIdKLV2e6g553t%2FFrame%20627356.png?alt=media&amp;token=9ce17686-6f85-4876-a630-2409de87afe8" alt=""><figcaption></figcaption></figure>

1. **篩選列**

   <figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2F13Yekfa7wAUawrWjs2Tr%2FFrame%20627358.png?alt=media&amp;token=07142cdb-86c7-4310-bcb8-0984f2015089" alt=""><figcaption></figcaption></figure>

   1. 針對場館接駁路線圖資料中「出發地點」＆「抵達地點」欄位，進行資料篩選
   2. 當選擇「出發地點」後，連動帶出相對應的「抵達地點」選項，下方顯示符合出發＆抵達地點條件的接駁路線圖
   3. 出發地點下拉選單：
      1. 項目內容：
         1. 帶出所有出發地點選項
         2. 參考[接駁車路線總表](https://drive.google.com/file/d/1WALok1a6k0tk-OVOOXTiAdE6VZpwCZ7Z/view?usp=sharing)中路線出發地點
      2. 預設顯示：臺鐵新竹站
   4. 抵達地點下拉選單：
      1. 項目內容：
         1. 連動出發地點帶出相同路線的抵達地點選項
         2. 參考[接駁車路線總表](https://drive.google.com/file/d/1WALok1a6k0tk-OVOOXTiAdE6VZpwCZ7Z/view?usp=sharing)中路線抵達地點
      2. 預設顯示：新竹市立自由車場
   5. 篩選列操作規格，請參照[接駁路線區塊](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/6.0-can-jia-zhe-zhuan-qu/6.3-jiao-tong-zi-xun/jie-bo-lu-xian-qu-kuai.md)說明<br>
2. **接駁路線圖**

   <div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FZCdGMi7u0Mzg2hrUAZQQ%2F%E6%88%AA%E5%9C%96%202024-12-04%2012.16.00%201.png?alt=media&amp;token=5f84a5c8-6a5b-46c1-a7a2-6e4e6be44a47" alt="" width="375"><figcaption></figcaption></figure></div>

   1. 依照上方「出發地點」＆「抵達地點」篩選條件，顯示接駁路線圖
   2. 預設顯示：M03
   3. 接駁路線圖素材，請參考[接駁車簡圖定稿版](https://docs.google.com/presentation/d/1Dzd5XmkKgky4wafXpTgdlUDh9RUHfBOu/edit?usp=sharing\&ouid=109392301036322400962\&rtpof=true\&sd=true)<br>
3. **接駁資訊外連按鈕**

   <div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FaxdtykmNeagWb5LCkzXt%2FPrimary.png?alt=media&amp;token=927fdcbe-3a40-46a7-8d7b-8326db13b4b6" alt=""><figcaption></figcaption></figure></div>

   1. 點選另開新頁，前往第三方接駁路線資訊平台<br>
4. **接駁注意事項**
   1. 說明搭乘接駁車相關注意事項<br>
5. **下載列**
   1. 點選下載[接駁車路線總表](https://docs.google.com/presentation/d/12fVQfqbzuqZiE56WtqSZB5jWbkEi78hp/edit?usp=sharing\&ouid=109392301036322400962\&rtpof=true\&sd=true)＆[場館及重要設施圖檔案](https://drive.google.com/file/d/1lEisV7mnN2Tf6gl_SBKyntpP2RgrWhKT/view?usp=sharing)
      {% endtab %}

{% tab title="【開閉幕指引】頁籤" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FTMBtZuATHo6kkdAlk7RE%2FFrame%20627367.png?alt=media&amp;token=6c9cd0bc-9abc-4a73-9808-e4441078d285" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="【訂車服務】頁籤" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FrlFzRlq6wew6c0901rtj%2FFrame%20627368.png?alt=media&amp;token=6d39b734-d8e5-4a7c-85fa-f8f34c53dfb7" alt=""><figcaption></figcaption></figure>

1. 前往訂車服務按鈕
   1. 點選後另開新頁，前往第三方訂車服務平台
      {% endtab %}

{% tab title="【永續運輸】頁籤" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FiN2nRoUuFtUQpqUd4f3x%2FFrame%20626922.png?alt=media&amp;token=02f93469-3273-46a6-9e25-c8ec518f8d6d" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### 連結設定

<table data-full-width="true"><thead><tr><th width="177">區塊</th><th>連結圖片示意</th><th width="112">開啟形式<select><option value="s30xPWWMdFV6" label="同頁開啟" color="blue"></option><option value="fBJ57gNPKSqQ" label="另開新頁" color="blue"></option></select></th><th>連結設定</th><th>備註</th></tr></thead><tbody><tr><td>場館接駁頁籤</td><td><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2F1Jg8AasLGMAFjGr9GQuj%2FPrimary.png?alt=media&amp;token=0774311f-3ad5-405d-af87-2ba0a5ff7ac7" alt="" data-size="original"></td><td><span data-option="fBJ57gNPKSqQ">另開新頁</span></td><td>前往第三方接駁資訊平台</td><td>待客戶更新</td></tr><tr><td>場館接駁頁籤</td><td><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FwpeuqI2ygfFubuUWUtOe%2F%E6%88%AA%E5%9C%96%202024-12-13%2015.34.03.png?alt=media&amp;token=eb3ec9cd-b859-4497-b6eb-affc5e7ed2a6" alt="" data-size="original"></td><td><span data-option="s30xPWWMdFV6">同頁開啟</span></td><td>下載接駁車路線總圖</td><td></td></tr><tr><td>場館接駁頁籤</td><td><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FQmnWf6B1UVqUR0jhZIUC%2F%E6%88%AA%E5%9C%96%202024-12-10%2012.30.12.png?alt=media&amp;token=7c3275d3-515e-4dd0-9777-8022d92c67ee" alt="" data-size="original"></td><td><span data-option="s30xPWWMdFV6">同頁開啟</span></td><td>下載場館及重要設施圖</td><td></td></tr><tr><td>訂車服務頁籤</td><td><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FGWdCUZ1QeEcikkJaeHQx%2F%E6%88%AA%E5%9C%96%202024-12-18%2014.27.28.png?alt=media&amp;token=6eda2cad-deaf-4911-830e-6ca937b883bd" alt="" data-size="original"></td><td><span data-option="fBJ57gNPKSqQ">另開新頁</span></td><td>待客戶提供</td><td></td></tr></tbody></table>

{% hint style="info" %}
完整連結(含無障礙設定)，請參考[6.3.1-交通資訊連結設定](https://docs.google.com/spreadsheets/d/1mbYNsNVQGtUAlDKejE4DphAiQwHbe40KvPUrDCuWGIw/edit?gid=784803870#gid=784803870)
{% endhint %}

### UI設計檔

{% tabs %}
{% tab title="【入境接駁頁籤】" %}
{% embed url="<https://www.figma.com/design/GO84awYAhcTLDEkhRZCfXm/2025%E4%B8%96%E7%95%8C%E5%A3%AF%E5%B9%B4%E9%81%8B%E5%8B%95%E6%9C%83%E5%AE%98%E7%B6%B2_%E5%AE%A2%E6%88%B6%E6%8F%90%E5%A0%B1%E4%BD%BF%E7%94%A8?node-id=7815-201243&t=Q7o6NwuDFfQcL6vP-1>" %}
{% endtab %}

{% tab title="【場館接駁頁籤】" %}
{% embed url="<https://www.figma.com/design/GO84awYAhcTLDEkhRZCfXm/2025%E4%B8%96%E7%95%8C%E5%A3%AF%E5%B9%B4%E9%81%8B%E5%8B%95%E6%9C%83%E5%AE%98%E7%B6%B2_%E5%AE%A2%E6%88%B6%E6%8F%90%E5%A0%B1%E4%BD%BF%E7%94%A8?node-id=7815-201294&t=1McbdbcPuQYT7Cnm-1>" %}
{% endtab %}

{% tab title="【開閉幕指引】頁籤" %}
{% embed url="<https://www.figma.com/design/GO84awYAhcTLDEkhRZCfXm/2025%E4%B8%96%E7%95%8C%E5%A3%AF%E5%B9%B4%E9%81%8B%E5%8B%95%E6%9C%83%E5%AE%98%E7%B6%B2_%E5%AE%A2%E6%88%B6%E6%8F%90%E5%A0%B1%E4%BD%BF%E7%94%A8?node-id=9001-123308&t=1McbdbcPuQYT7Cnm-1>" %}
{% endtab %}

{% tab title="【訂車服務】頁籤" %}
{% embed url="<https://www.figma.com/design/GO84awYAhcTLDEkhRZCfXm/2025%E4%B8%96%E7%95%8C%E5%A3%AF%E5%B9%B4%E9%81%8B%E5%8B%95%E6%9C%83%E5%AE%98%E7%B6%B2_%E5%AE%A2%E6%88%B6%E6%8F%90%E5%A0%B1%E4%BD%BF%E7%94%A8?node-id=9001-131484&t=1McbdbcPuQYT7Cnm-1>" %}

{% endtab %}

{% tab title="【永續運輸頁籤】" %}
{% embed url="<https://www.figma.com/design/GO84awYAhcTLDEkhRZCfXm/2025%E4%B8%96%E7%95%8C%E5%A3%AF%E5%B9%B4%E9%81%8B%E5%8B%95%E6%9C%83%E5%AE%98%E7%B6%B2_%E5%AE%A2%E6%88%B6%E6%8F%90%E5%A0%B1%E4%BD%BF%E7%94%A8?node-id=9001-136290&t=1McbdbcPuQYT7Cnm-1>" %}
{% endtab %}
{% endtabs %}

### 原始資料來源

* [接駁車路線資料](https://drive.google.com/drive/folders/1D5HIX-I7hBCcyiTwRfTS_egNt7Gs3rvl?usp=drive_link)

***

### 修訂記錄

<table data-full-width="false"><thead><tr><th width="79" data-type="number">序號</th><th width="121">修訂時間</th><th width="300">主要修改內容</th><th width="142">修訂來源</th><th>備註</th></tr></thead><tbody><tr><td>1</td><td>2024.12.11</td><td><ul><li>更新場館接駁頁籤內容</li></ul></td><td>客戶Figma回覆</td><td></td></tr><tr><td>2</td><td>2024.12.16</td><td><ul><li>新增『開閉幕指引』頁籤</li><li>新增『訂車服務』頁籤（移除原本6.3.2-訂車平臺(外連)按鈕）</li></ul></td><td><a href="https://www.figma.com/design/GO84awYAhcTLDEkhRZCfXm?node-id=7815-199219#1063327922">客戶FIgma回覆</a></td><td></td></tr><tr><td>3</td><td>2025.1.14</td><td><ul><li>接駁路線區塊，移除「抵達地點」下拉選單</li></ul></td><td>客戶回覆</td><td></td></tr></tbody></table>