javascript
// script.js// 创建一个地址解析器
const geocoder = new google.maps.Geocoder();// 处理表单提交事件
const form = document.querySelector('form');
form.addEventListener('submit', (event) => {event.preventDefault();// 获取用户输入的地址const address = document.querySelector('input[name="address"]').value;// 使用地址解析器将地址转换为经纬度坐标geocoder.geocode({ address }, (results, status) => {if (status === 'OK') {// 获取第一个搜索结果的坐标const location = results[0].geometry.location;// 使用经纬度坐标进行附近查询const request = {location,
radius: 5000, // 以米为单位的搜索半径query: '补胎店'};const service = new google.maps.places.PlacesService(document.createElement('div'));service.nearbySearch(request, (results, status) => {if (status === 'OK') {// 显示搜索结果const resultList = document.getElementById('results-list');resultList.innerHTML = '';results.forEach((result) => {const li = document.createElement('li');li.innerHTML = `
${result.name}
${result.formatted_address}
${result.formatted_phone_number}
`;resultList.appendChild(li);});} else {alert('搜索失败,请重试。');}});} else {alert('无法识别地址,请重试。');}});
});