纬度:
经度:

javascript // 监听表单提交事件 const form = document.querySelector('form'); form.addEventListener('submit', (event) => {event.preventDefault();// 获取输入的纬度和经度const lat = document.querySelector('lat').value;const lng= document.querySelector('lng').value;// 拼接查询 URLconst url = `${lat},${lng}&radius=500&type=hotel&key=YOUR_API_KEY`;// 发送 GET 请求fetch(url).then((response) => response.json()).then((data) => {// 解析查询结果const resultElement = document.querySelector('result');resultElement.innerHTML = '';const results = data.results;if (results.length > 0) {// 遍历查询结果并输出酒店列表for (let i = 0; i < results.length; i++) {const hotel = results[i];const name = hotel.name;const address = hotel.vicinity;const price = hotel.price_level || '不详';const listItem = document.createElement('li');const nameElement = document.createElement('h3');nameElement.textContent = name;constaddressElement = document.createElement('p');addressElement.textContent = address;const priceElement = document.createElement('p');priceElement.textContent = `价格等级：${price}`;listItem.appendChild(nameElement);listItem.appendChild(addressElement);listItem.appendChild(priceElement);resultElement.appendChild(listItem);}} else {// 未找到酒店resultElement.innerHTML = '抱歉，500米范围内没有酒店。';}}); });

上一篇：成都民宿怎么预订

下一篇：成都大学附近住宿