<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 = `
${result.vicinity}
价格等级:${result.price_level}