<ｓｃｒｉｐｔ> const locationInput = document.getElementById('location-input');const searchButton = document.getElementById('search-button');const results = document.getElementById('results');searchButton.addEventListener('click', () => {const location = locationInput.value;// 使用谷歌地图API查找附近的旅馆const request = {query: '旅馆',location: location,radius: 300 // 以米为单位的搜索半径};const service = new google.maps.places.PlacesService(results);service.textSearch(request, (response, status) => {if (status === google.maps.places.PlacesServiceStatus.OK) {results.innerHTML = '';response.results.forEach(result => {// 创建结果项目const resultItem = document.createElement('div');resultItem.classList.add('result-item');// 添加旅馆名称const name = document.createElement('h3');name.innerText = result.name;resultItem.appendChild(name);// 添加旅馆地址const address = document.createElement('p');address.innerText = result.formatted_address;resultItem.appendChild(address);// 添加按钮以在谷歌地图中打开旅馆const button = document.createElement('button');button.innerText = '在谷歌地图中打开';button.addEventListener('click', () => {window.open(`${result.place_id}`);});resultItem.appendChild(button);// 将结果项目添加到结果列表中results.appendChild(resultItem);});} else {// 处理搜索失败results.innerHTML = '

搜索失败

';}}); });

上一篇：怎么找便宜的住宿 (怎么找便宜的充电桩)

下一篇：去哪儿民宿怎么样 (去哪儿民宿怎么入驻)