当前位置: 民宿 > 成都旅游

附近宾馆查询300米内 (附近宾馆查询500米内50至60元)

2024-10-18 15:24分类: 成都旅游 阅读:

 

<select id="distance">

<script> const form = document.querySelector('form');form.addEventListener('submit',(event) => {event.preventDefault();const distance = document.querySelector('distance').value;const minPrice = document.querySelector('minPrice').value;const maxPrice = document.querySelector('maxPrice').value;const results = document.querySelector('results');results.innerHTML = '正在查询中...';// 使用地理定位API获取当前位置navigator.geolocation.getCurrentPosition((position) => {// 获取当前位置的经纬度const lat = position.coords.latitude;const lng = position.coords.longitude;// 构建查询URLconst url = `${lat},${lng}&radius=${distance}&type=lodging&key=YOUR_API_KEY`;// 发起HTTP GET请求fetch(url).then((response) => response.json()).then((data) => {// 解析JSON响应const results = data.results;// 过滤符合价格范围的宾馆const filteredResults = results.filter((result) => {const priceLevel = result.price_level;return (priceLevel >= minPrice && priceLevel <= maxPrice);});//显示查询结果results.innerHTML = `

查询结果:

`;if (filteredResults.length > 0) {filteredResults.forEach((result) => {results.innerHTML += `

${result.name}

${result.vicinity}

价格等级:${result.price_level}

`;});} else {results.innerHTML = '没有找到符合条件的宾馆。';}}).catch((error) => {results.innerHTML = '查询出错,请重试。';});});});


郑重声明:本文由:成都旅游于(2024-10-18)发表了关于附近宾馆查询300米内 (附近宾馆查询500米内50至60元)的文章。如转载请注明出处!部分文章来源于网络,仅作为参考,如果网站中图片和文字侵犯了您的版权,请联系我们处理!

上一篇:义乌附近宾馆查询500米内 (义乌附近宾馆价格)

下一篇:附近旅馆查询100米内最近的 (附近旅馆查询500米内)

附近酒店推荐

关注我们

    民宿酒店不一样的选择,更好的体验