搜附近旅馆 (搜索附近旅馆)

请输入您的位置和搜索半径，我们将为您找到附近的旅馆。

位置： 搜索半径（公里）： 搜索

<ｓｃｒｉｐｔ> const form = document.querySelector('form');const results = document.querySelector('.results');form.addEventListener('submit', (e) => {e.preventDefault();const location = document.querySelector('location').value;const radius = document.querySelector('radius').value;// 使用地理编码服务将文本位置转换为坐标const geocoder = new google.maps.Geocoder();geocoder.geocode({ address: location }, (results, status) => {if (status === 'OK') {const latitude = results[0].geometry.location.lat();const longitude = results[0].geometry.location.lng();// 使用 Google Places API 搜索附近的住宿场所const request = {location: new google.maps.LatLng(latitude, longitude),radius: radius 1000, // 将公里转换为米type: ['lodging'],};const service = new google.maps.places.PlacesService(results);service.nearbySearch(request, (results, status) => {if (status === 'OK') {results.forEach((result) => {const div = document.createElement('div');div.classList.add('result');const name = document.createElement('h3');name.classList.add('result-name');name.textContent = result.name;const address = document.createElement('p');address.textContent =result.vicinity;div.appendChild(name);div.appendChild(address);results.appendChild(div);});} else {console.error('无法获取附近的住宿场所。', status);}});} else {console.error('无法将位置转换为坐标。', status);}});});
    本文由:成都民宿于(2024-11-05)发表了关于搜附近旅馆 (搜索附近旅馆)的文章 。如转载请注明出处：http://www.cdcy-mail.com

如果您对此感兴趣,可以通过以下联系方式与我们联系：

成都区销售    重庆区销售    云贵区销售    华南区销售 华北区销售 华东区销售

华为企业邮箱销售热线：400-0828-083