请输入你的位置或邮政编码,我们会为你找到附近的补胎店并提供他们的电话号码。
搜索结果
javascript
const form = document.querySelector('form');
const results = document.querySelector('results');form.addEventListener('submit', (event) => {event.preventDefault();const location = document.querySelector('location').value;// 使用 Google Places API 查找附近的补胎店const request = {query: '补胎店',location: location,radius: 500};const service = new google.maps.places.PlacesService(document.createElement('div'));service.textSearch(request, (results, status) => {if (status === google.maps.places.PlacesServiceStatus.OK) {// 清空搜索结果results.querySelector('ul').innerHTML = '';// 遍历搜索结果并创建列表项results.forEach((result) => {const li = document.createElement('li');const name = document.createElement('p');const phone = document.createElement('p');const address = document.createElement('p');name.textContent = result.name;phone.textContent = result.formatted_phone_number;address.textContent = result.formatted_address;li.appendChild(name);li.appendChild(phone);li.appendChild(address);results.querySelector('ul').appendChild(li);});} else {// 处理错误console.log(`Error: ${status}`);}});
});