javascript
// script.js// 获取附近的货车修理厂
async function getRepairShops(address) {// 使用 Google Places API 获取修理厂列表const response = await fetch('https://maps.googleapis.com/maps/api/place/textsearch/json?query=Truck+repair+shop+near+'+address+'&key=
');const data = await response.json();// 将数据填充到结果容器中const resultsContainer = document.querySelector('.results-container');data.candidates.forEach(repairShop => {const shop = document.createElement('div');shop.classList.add('repair-shop');const name = document.createElement('div');name.classList.add('name');name.innerText = repairShop.name;const address = document.createElement('div');address.classList.add('address');address.innerText = repairShop.formatted_address;const phoneNumber = document.createElement('div');phoneNumber.classList.add('phone-number');phoneNumber.innerText = repairShop.international_phone_number;const website = document.createElement('div');website.classList.add('website');website.innerText = repairShop.website;shop.appendChild(name);shop.appendChild(address);shop.appendChild(phoneNumber);shop.appendChild(website);resultsContainer.appendChild(shop);});
}// 搜索按钮事件监听器
const searchButton = document.querySelector('button');
searchButton.addEventListener('click', () => {// 获取搜索词条const address = document.querySelector('input').value;// 调用 getRepairShops 函数getRepairShops(address);
});
