欢迎使用长沙公交地图实时查询系统。您可以使用此系统查询长沙市内的公交线路信息，包括线路走向、站点位置和实时到站信息。
-
结果列表
script.js
javascript
const map = L.map('map').setView([28.2282, 112.9389], 13);L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {attribution: '©
OpenStreetMap
contributors'
}).addTo(map);const results = document.getElementById('results');const searchForm = document.getElementById('search-form');searchForm.addEventListener('submit', (e) => {e.preventDefault();const query = e.target.querySelector('input[type="text"]').value;fetch(`${query}&city=Changsha&key=YOUR_API_KEY`).then(res => res.json()).then(data=> {results.innerHTML = '';data.data.map(route => {const li = document.createElement('li');li.innerHTML = `
${route.name}
`;results.appendChild(li);})}).catch(err => {console.error(err);alert('查询失败，请重试');});
});map.on('click', (e) => {const lat = e.latlng.lat;const lng = e.latlng.lng;fetch(`${lat}&lon=${lng}&radius=500&city=Changsha&key=YOUR_API_KEY`).then(res => res.json()).then(data => {results.innerHTML = '';data.data.map(stop => {const li = document.createElement('li');li.innerHTML = `
${stop.name}
`;results.appendChild(li);})}).catch(err => {console.error(err);alert('查询失败，请重试');});
});
