输入您的地址或邮政编码，查找附近的修车店。
脚本部分（假设可以访问修车店信息 API）
javascript
const form = document.querySelector('form');
const list = document.querySelector('.list');
const map = document.querySelector('.map');form.addEventListener('submit', (e) => {e.preventDefault();const address = e.target.querySelector('input[name="address"]').value;// 调用 API 获取附近修车店信息fetch(`${address}`).then(response => response.json()).then(data => {// 清除列表中的现有项目list.innerHTML = '';data.repairShops.forEach(repairShop => {// 为每个修车店创建一个列表项const item = document.createElement('li');item.classList.add('list-item');// 创建修车店名称和地址const title = document.createElement('h3');title.classList.add('list-item-title');title.textContent = repairShop.name;const address = document.createElement('p');address.classList.add('list-item-address');address.textContent = repairShop.address;// 创建电话号码const phone = document.createElement('p');phone.classList.add('list-item-phone');phone.textContent = repairShop.phone;// 将元素添加到列表项item.appendChild(title);item.appendChild(address);item.appendChild(phone);// 将列表项添加到列表list.appendChild(item);});// 在地图上显示修车店位置showMap(data.repairShops);}).catch(error => {console.error('Error fetching repair shop information:', error);alert('抱歉，无法获取修车店信息。请稍后再试。');});
});function showMap(repairShops) {// 创建地图对象const myMap = new google.maps.Map(map, {center: { lat: repairShops[0].latitude, lng: repairShops[0].longitude },zoom: 12});// 在地图上添加标记repairShops.forEach(repairShop => {const marker = new google.maps.Marker({position: { lat: repairShop.latitude, lng: repairShop.longitude },map: myMap});});
}注意：此代码需要包含 Google Maps API 脚本。`showMap` 函数需要使用 Google Maps API 创建地图和标记。`fetch` API 需要在现代浏览器中使用。
