<script>
const searchForm = document.querySelector('.search-form');const resultList = document.querySelector('.results-list');searchForm.addEventListener('submit', (e) => {e.preventDefault();const location = document.querySelector('.search-input').value;// 使用 Google Places API 查找附近的酒店或民宿const service = new google.maps.places.PlacesService(document.createElement('div'));service.nearbySearch({location: location,radius: 5000,type: ['hotel', 'lodging'],}, (results, status) => {if (status === google.maps.places.PlacesServiceStatus.OK) {resultList.innerHTML = '';// 遍历结果并创建列表项for (let i = 0; i < results.length; i++) {const result = results[i];const listItem = document.createElement('li');listItem.classList.add('result-item');const itemName = document.createElement('h3');itemName.classList.add('result-item-name');itemName.textContent = result.name;const itemAddress = document.createElement('p');itemAddress.classList.add('result-item-address');itemAddress.textContent = result.formatted_address;listItem.appendChild(itemName);listItem.appendChild(itemAddress);resultList.appendChild(listItem);}}});});
script>
本文由:成都民宿于(2024-11-05)发表了关于
查找附近的酒店或民宿 (查找附近的酒店)的文章
。如转载请注明出处:http://www.cdcy-mail.com
如果您对此感兴趣,可以通过以下联系方式与我们联系:
成都区销售
重庆区销售
云贵区销售
华南区销售
华北区销售
华东区销售
华为企业邮箱销售热线:400-0828-083