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