去最近修车的地方 (修车最近的地方)

帮您在最短时间内找到最近的汽车修理厂

如何使用

1. 允许网站获取您的位置信息

2. 点击“查找修理厂”按钮
3. 查看附近的汽车修理厂列表
4. 点击修理厂名称以获取详细信息

查找修理厂

附近汽车修理厂

CSS css body {font-family: Arial, sans-serif; }header {text-align: center; }h1 {font-size: 2em; }p {font-size: 1.5em; }main {max-width: 600px;margin: 0 auto; }ol {list-style-type: none;padding: 0; }li {margin-bottom: 1em; }form {display: flex;justify-content: center;margin: 2em 0; }button {font-size: 1.5em;padding: 0.5em 1em;background-color: 007bff;color: white;border: none;cursor: pointer; }results {border-top: 1px solid ccc;padding-top: 1em; }ul {list-style-type: none;padding: 0; }li {margin-bottom: 1em;cursor: pointer; }a {color: 007bff;text-decoration: none; }footer {text-align: center;font-size: 0.8em; }JavaScript js const results = document.getElementById('results');function displayResults(data) {data.forEach(repairShop => {const li = document.createElement('li');const a = document.createElement('a');a.href = repairShop.website;a.textContent = repairShop.name;li.appendChild(a);results.appendChild(li);}); }function getRepairShops(lat, lng) {const url = `${lat},${lng}&radius=5000&type=car_repair&key=YOUR_API_KEY`;fetch(url).then(response => response.json()).then(data => displayResults(data.results)).catch(error => console.error(error)); }function getLocation() {if (navigator.geolocation) {navigator.geolocation.getCurrentPosition(position => {const lat = position.coords.latitude;const lng = position.coords.longitude;getRepairShops(lat, lng);});} else {alert('无法获取您的位置信息');} }getLocation();