查找附近的汽修店 (查找附近的汽车修理厂)

输入您的位置以查找附近的汽修店：

CSS css body {font-family: Arial, sans-serif;margin: 0;padding: 0; }h1 {text-align: center; }p {margin-bottom: 10px; }form {display: flex;justify-content: center; }input {padding: 5px;margin-right: 10px; }results {margin-top: 20px;padding: 10px;border: 1px solid black; }JavaScript javascript const locationInput = document.getElementById('location'); const resultsDiv = document.getElementById('results');const searchButton = document.querySelector('input[type="submit"]');searchButton.addEventListener('click', (event) => {event.preventDefault();const location = locationInput.value;// 使用地理编码服务将位置转换为经纬度const geocoder = new google.maps.Geocoder();geocoder.geocode({ address: location }, (results, status) => {if (status === 'OK') {const latitude = results[0].geometry.location.lat();const longitude = results[0].geometry.location.lng();// 使用 Google Places API查找附近的汽修店const service = new google.maps.places.PlacesService(resultsDiv);const request = {location: { lat: latitude, lng: longitude },radius: 5000,type: 'car_repair'};service.nearbySearch(request, (results, status) => {if (status === 'OK') {resultsDiv.innerHTML = '';for (let i = 0; i < results.length; i++) {const result = results[i];// 创建一个结果条目const item = document.createElement('div');item.classList.add('result-item');// 创建结果标题const title = document.createElement('h2');title.innerHTML = result.name;item.appendChild(title);// 创建结果地址const address = document.createElement('p');address.innerHTML = result.vicinity;item.appendChild(address);// 创建结果评级const rating = document.createElement('p');rating.classList.add('rating');rating.innerHTML = result.rating;item.appendChild(rating);// 将结果条目添加到结果列表中resultsDiv.appendChild(item); }}});}}); });