javascript
// script.jsconst searchForm = document.getElementById('form');
const results = document.getElementById('results');searchForm.addEventListener('submit', (e) => {e.preventDefault();const location = document.getElementById('location').value;const radius = document.getElementById('radius').value;// 使用 Google Places API 查找汽修厂const request = {query: '汽车修理厂',location: location,radius: radius 1609.34, // 将英里转换为米};const service = new google.maps.places.PlacesService(document.createElement('div'));service.textSearch(request, (response, status) => {if (status === google.maps.places.PlacesServiceStatus.OK) {// 清除之前的搜索结果results.innerHTML = "";// 遍历搜索结果并创建列表项for (let i = 0; i < response.length; i++) {const place = response[i];const listItem = document.createElement('li');const link = document.createElement('a');link.href = place.url;link.textContent = place.name;listItem.appendChild(link);results.appendChild(listItem);}}});
});使用方法:将 `script.js` 中的 `key` 替换为从 Google Places API 获得的 API 密钥。然后将该文件保存到与 HTML 文件相同的目录中。确保你的 HTML 文件包含以下代码:
html
现在,打开 HTML 文件并在文本框中输入您的位置或邮政编码。选择所需的半径,然后单击“搜索”。它将显示最近的汽车修理厂列表。