javascript
// 脚本文件 (script.js)
const searchForm = document.getElementById("search-form");
const resultsDiv = document.getElementById("results");searchForm.addEventListener("submit", (e) => {e.preventDefault();const location = document.getElementById("location").value;// 使用 Google Places API 查找附近的汽修厂const request = {query: "汽修厂 " + location,fields: ["name", "formatted_address", "geometry"],};const service = new google.maps.places.PlacesService(document.createElement("div"));service.findPlaceFromQuery(request, (results, status) => {if (status === google.maps.places.PlacesServiceStatus.OK) {// 清除之前的搜索结果resultsDiv.innerHTML = "";const output = [];// 创建每个汽修厂的卡片results.forEach((result) => {output.push(`
${result.name}
${result.formatted_address}
`);});// 将卡片添加到结果div中resultsDiv.innerHTML = output.join("");} else {alert("未找到汽修厂。");}});
});