`script.js`:
javascript
const searchForm = document.getElementById('search-form');
const results = document.getElementById('results');searchForm.addEventListener('submit', (event) => {event.preventDefault();const address = document.getElementById('address').value;// 使用 Google Places API 搜索附近的修理厂const request = {query: '修理厂',location: address,radius: 5000 // 以米为单位的搜索半径};const service = new google.maps.places.PlacesService(document.createElement('div'));service.textSearch(request, (results, status) => {if (status === google.maps.places.PlacesServiceStatus.OK) {// 清除之前的搜索结果results.innerHTML = '';// 遍历搜索结果并将其添加到页面中for (let i = 0; i < results.length; i++) {const result = results[i];const li = document.createElement('li');li.innerHTML = `
${result.name}
${result.formatted_address}
网站
`;results.appendChild(li);}} else {results.innerHTML = '没有找到任何结果。';}});
});为了使用此代码,还需要在``部分中包含以下脚本:
html
其中 `YOUR_API_KEY` 应替换为 Google Maps API 密钥。