附近酒店查询500米内最近的 (附近酒店查询500米内)
2024-10-18 14:56分类: 成都旅游 阅读:
请输入您的位置:
javascript
const form = document.querySelector('form');form.addEventListener('submit', (event) => {event.preventDefault();const location = document.querySelector('location').value;// 使用地理编码服务将位置转换为经纬度坐标const geocoder = new google.maps.Geocoder();geocoder.geocode({address: location}, (results, status) => {if (status === 'OK') {const lat = results[0].geometry.location.lat();const lng = results[0].geometry.location.lng();// 使用 Google Places API 查询 500 米内的
酒店const service = new google.maps.places.PlacesService(document.createElement('div'));const request = {location: {lat: lat, lng: lng},radius: 500,type: ['hotel'],};service.nearbySearch(request, (results, status) => {if (status === 'OK') {const output = document.querySelector('results');// 创建一个列表来显示结果const list = document.createElement('ul');output.appendChild(list);// 将每个结果添加到列表中results.forEach((result) => {const item = document.createElement('li');const name = document.createElement('h3');const address = document.createElement('p');const rating = document.createElement('p');name.textContent = result.name;address.textContent = result.vicinity;rating.textContent = `评分:${result.rating}`;item.appendChild(name);item.appendChild(address);item.appendChild(rating);list.appendChild(item);});}});}});
});
郑重声明:本文由:
成都旅游于(2024-10-18)发表了关于
附近酒店查询500米内最近的 (附近酒店查询500米内)的文章。如转载请注明出处!部分文章来源于网络,仅作为参考,如果网站中图片和文字侵犯了您的版权,请联系我们处理!
上一篇:附近酒店查询500米内 (附近酒店查询100米内最近的)
下一篇:附近酒店查询500米内住宿 (附近酒店查询500米内)