javascript
// JavaScript 脚本
const results = document.getElementById("results");document.querySelector("form").addEventListener("submit", (e) => {e.preventDefault();const address = document.getElementById("address").value;// 使用 Google Places API 查找附近的汽车维修店let request = {query: "汽车维修店 near " + address,fields: ["name", "formatted_address"],};const service = new google.maps.places.PlacesService(results);service.textSearch(request, (response, status) => {if (status === google.maps.places.PlacesServiceStatus.OK) {results.innerHTML = "";for (let i = 0; i < response.length; i++) {const result = response[i];// 创建并添加维修店信息到结果列表let li = document.createElement("li");li.innerHTML = `
${result.name}
${result.formatted_address}
`;results.appendChild(li);}} else {results.innerHTML = "抱歉,找不到任何结果";
}});
});注意:此代码需要 Google Maps JavaScript API 才能正常工作。请确保在您的 HTML 中包含以下脚本标签:
html
确保将 `YOUR_API_KEY` 替换为您的 Google Maps API 密钥。