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

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

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

 

查询条件:500米内,50至60元

<script> const form = document.getElementById("form");const results = document.getElementById("results");form.addEventListener("submit", (e) => {e.preventDefault();// 获取地址const address = document.getElementById("address").value;// 发送查询请求fetch(`宾馆&location=${address}&radius=500&price=50-60&output=json&ak=您的百度地图AK`).then(res=> res.json()).then(data => {// 解析结果const hotels = data.content.pois;// 清空结果容器results.innerHTML = "";// 遍历结果并创建卡片hotels.forEach(hotel => {const card = document.createElement("div");card.classList.add("result-card");const title = document.createElement("h3");title.classList.add("result-card__title");title.textContent = hotel.name;const address = document.createElement("p");address.classList.add("result-card__address");address.textContent = hotel.address;const price = document.createElement("p");price.classList.add("result-card__price");price.textContent = `¥${hotel.price}`;const distance = document.createElement("p");distance.classList.add("result-card__distance");distance.textContent = `${hotel.distance}米`;card.appendChild(title);card.appendChild(address);card.appendChild(price);card.appendChild(distance);results.appendChild(card);});});});


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

上一篇:大浪酒店住宿查询 (大浪酒店住宿价格)

下一篇:附近宾馆查询100米内最近的价格 (附近宾馆查询500米内50至60元)

附近酒店推荐

关注我们

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