附近旅馆查询100米内最近的 (附近旅馆查询500米内)
2024-10-18 15:26分类: 成都旅游 阅读:
<script>
const form = document.getElementById('form');const results = document.getElementById('results');form.addEventListener('submit', (e) => {e.preventDefault();const address = document.getElementById('address').value;const radius = document.getElementById('radius').value;// 将地址编码为纬度和经度const geocoder = new google.maps.Geocoder();geocoder.geocode({ address: address }, (results, status) => {if (status === 'OK') {const location = results[0].geometry.location;// 查询附近旅馆const request = {location: location,radius: radius,type: 'lodging'};const service = new google.maps.places.PlacesService(document.createElement('div'));service.nearbySearch(request, (nearbyPlaces, status) => {
if (status === 'OK') {// 清除以前的搜索结果results.innerHTML = '';// 显示搜索结果for (let i = 0; i < nearbyPlaces.length; i++) {const place = nearbyPlaces[i];const distance = place.distance.toFixed(2) + ' 米';const item = document.createElement('li');item.classList.add('results-item');item.innerHTML = `
${place.name}
${distance}
`;results.appendChild(item);}} else {alert('查询出错!');}});} else {alert('地址无效!');}});});
script>
郑重声明:本文由:
成都旅游于(2024-10-18)发表了关于
附近旅馆查询100米内最近的 (附近旅馆查询500米内)的文章。如转载请注明出处!部分文章来源于网络,仅作为参考,如果网站中图片和文字侵犯了您的版权,请联系我们处理!
上一篇:附近宾馆查询300米内 (附近宾馆查询500米内50至60元)
下一篇:附近的宾馆500米内 (附近的宾馆50元左右附近酒店推荐)
附近酒店推荐