搜索结果:
javascript
// script.jsconst searchForm = document.getElementById("search-form");
const resultsContainer = document.getElementById("results");
const repairShopsList = document.getElementById("repair-shops");const geocoder = new google.maps.Geocoder();searchForm.addEventListener("submit", (e) => {e.preventDefault();const address = document.getElementById("address").value;const radius = document.getElementById("radius").value;geocoder.geocode({ address }, (results, status) => {if (status === "OK") {const latitude = results[0].geometry.location.lat();const longitude = results[0].geometry.location.lng();findRepairShops(latitude, longitude, radius);} else {alert("无法找到您的地址，请重试。");}});
});function findRepairShops(latitude, longitude, radius) {const request = {location: new google.maps.LatLng(latitude, longitude),radius: radius 1000, // convert kilometers to meters
types: ["car_repair"],};const service = new google.maps.places.PlacesService(document.createElement("div"));service.nearbySearch(request, (results, status) => {if (status === "OK") {displayResults(results);} else {alert("无法找到任何汽车修理店，请重试。");}});
}function displayResults(results) {resultsContainer.classList.remove("hidden");for (let i = 0; i < results.length; i++) {const shop = results[i];const name = shop.name;const address = shop.vicinity;const rating = shop.rating;const open = shop.opening_hours ? (shop.opening_hours.open_now ? "营业中" : "休息中") : "未知";const listItem = document.createElement("li");listItem.innerHTML = `
${name}
${address}
评分: ${rating}
营业情况: ${open}
`;repairShopsList.appendChild(listItem);}
}
