结果:
javascript
const searchForm = document.getElementById('search-form');
const resultsList = document.querySelector('results ul');searchForm.addEventListener('submit', (e) => {
e.preventDefault();const location = document.getElementById('location').value;// 使用 Google Places API 查找附近维修复印机const request = {query: '维修复印机',location: location,radius: 1000,};const service = new google.maps.places.PlacesService(document.createElement('div'));service.textSearch(request, (results, status) => {if (status === google.maps.places.PlacesServiceStatus.OK) {// 清除之前的搜索结果resultsList.innerHTML = '';// 为每个结果创建一个列表项for (let i = 0; i < results.length; i++) {const result = results[i];const name = result.name;const address = result.formatted_address;const phone = result.formatted_phone_number;const website = result.website;const listItem = document.createElement('li');listItem.innerHTML = `
${name}
${address}
`;if (phone) {listItem.innerHTML += `
电话:${phone}
`;}if (website) {listItem.innerHTML += `
网站:
${website}
`;}resultsList.appendChild(listItem);}} else {alert('无法找到附近维修复印机');}});
});使用方法:1. 保存上述代码为 HTML 文件和 JavaScript 文件。
2. 在您的网络浏览器中打开 HTML 文件。
3. 输入您的地址或邮政编码并单击“搜索”。
4. 您将看到附近维修复印机列表,包括名称、地址、电话号码和网站(如果可用)。