离我最近的补胎店 (离我最近的补胎电话)

武汉耍耍 04-13 阅读:32 评论:0
离我最近的补胎店 (离我最近的补胎电话)

输入您的地址或邮政编码:

结果:

javascript // script.jsconst form = document.getElementById('form'); const results = document.getElementById('results');form.addEventListener('submit', (e) => {e.preventDefault();const address = document.getElementById('address').value;if (!address) {alert('请输入地址或邮政编码。');return;}// 使用地图API查询补胎店const request = {location: address,radius: '1000', // 以米为单位的搜索半径query: '补胎店',};const service = new google.maps.places.PlacesService(results);service.nearbySearch(request, (nearbyPlaces, status, pagination) => {if (status === google.maps.places.PlacesServiceStatus.OK) {// 清除以前的搜索结果results.innerHTML = '';// 循环显示搜索结果for (let i = 0; i < nearbyPlaces.length; i++) {const place = nearbyPlaces[i];//创建一个列表项来显示补胎店信息const listItem = document.createElement('li');const name = document.createElement('h3');name.innerText = place.name;const address = document.createElement('p');address.innerText = place.formatted_address;const distance = document.createElement('p');distance.innerText = `距离:${place.distance.toFixed(2)} 米`;const phoneNumber = document.createElement('p');phoneNumber.innerText = `电话:${place.formatted_phone_number}`;// 将列表项添加到结果列表中results.appendChild(listItem);listItem.appendChild(name);listItem.appendChild(address);listItem.appendChild(distance);listItem.appendChild(phoneNumber);}} else {alert('抱歉,找不到任何补胎店。');}}); });
版权声明

本文仅代表作者观点,不代表武汉桑拿立场。
本文系作者授权发表,未经许可,不得转载。