成都交通地图查询 (成都交通地图高清版大图)

欢迎使用成都交通地图查询系统！本系统提供成都地区的地铁、公交、自驾等交通信息查询服务。您可以在此轻松查询到成都的交通路线、票价、换乘信息等内容。

地铁查询

请输入您的起点和终点站，即可查询成都地铁的路线、换乘信息和票价。

起点站： 终点站：

公交查询

请输入您的起点和终点站，即可查询成都公交的路线、换乘信息和票价。

起点站： 终点站：

自驾查询

请输入您的起点和终点地址，即可查询成都自驾的路线、距离和时间。

起点地址： 终点地址：

script.js javascript const metroForm = document.getElementById('metro-form'); const metroResult = document.getElementById('metro-result');metroForm.addEventListener('submit', (e) => {e.preventDefault();const startStation = document.getElementById('start-station').value;const endStation = document.getElementById('end-station').value;fetch(`/metro?start=${startStation}&end=${endStation}`).then(res => res.json()).then(data => {metroResult.innerHTML = `

• 路线：${data.route}
• 换乘次数：${data.transfers}
• 票价：${data.fare}

`;}).catch(err => {metroResult.innerHTML = '查询失败，请重试。';}); });const busForm = document.getElementById('bus-form'); const busResult = document.getElementById('bus-result');busForm.addEventListener('submit', (e) => {e.preventDefault();const startStation = document.getElementById('bus-start-station').value;const endStation = document.getElementById('bus-end-station').value;fetch(`/bus?start=${startStation}&end=${endStation}`).then(res => res.json()).then(data => {busResult.innerHTML = `

• 路线：${data.route}
• 换乘次数：${data.transfers}
• 票价：${data.fare}

`;}).catch(err => {busResult.innerHTML = '查询失败，请重试。';}); });const driveForm =document.getElementById('drive-form'); const driveResult = document.getElementById('drive-result');driveForm.addEventListener('submit', (e) => {e.preventDefault();const startAddress = document.getElementById('drive-start-address').value;const endAddress = document.getElementById('drive-end-address').value;fetch(`/drive?start=${startAddress}&end=${endAddress}`).then(res => res.json()).then(data => {driveResult.innerHTML = `

• 路线：${data.route}
• 距离：${data.distance}公里
• 时间：${data.time}分钟

`;}).catch(err => {driveResult.innerHTML = '查询失败，请重试。';}); });