javascript
// 获取元素
const locationInput = document.getElementById('location');
const resultsDiv = document.getElementById('results');// 监听表单提交事件
document.querySelector('form').addEventListener('submit', (e) => {e.preventDefault();// 获取用户输入的位置const location = locationInput.value;// 清空结果resultsDiv.innerHTML = '';// 使用 Google Maps API 查找附近修车店const service = new google.maps.places.PlacesService(document.createElement('div'));const request = {location: location,radius: 5000, // 以米为单位type: 'car_repair',};service.nearbySearch(request, (results, status) => {if (status === google.maps.places.PlacesServiceStatus.OK) {// 在结果中创建列表const list = document.createElement('ul');for (let i = 0; i < results.length; i++) {const result = results[i];const li = document.createElement('li');li.innerHTML = `
${result.name}
${result.vicinity}
查看地图
`;list.appendChild(li);}// 将列表添加到结果中resultsDiv.appendChild(list);} else {// 如果未找到结果,则显示错误消息resultsDiv.innerHTML = '抱歉,未找到附近的修车店。';}});
});