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

附近维也纳酒店查询500米内 (附近维也纳酒店)

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

 

<script> // Google Maps API 密钥const API_KEY = 'YOUR_API_KEY';// 创建 Google Maps 地图实例const map = new google.maps.Map(document.getElementById('map'), {center: { lat: 0, lng: 0 },zoom: 15});// 查询维也纳酒店 function searchHotels(address) {const request = {query: '维也纳酒店',location: { lat: 0, lng: 0 },radius: 500 // 搜索半径为 500 米};if (address) {request.location = new google.maps.LatLng(address);}const service = new google.maps.places.PlacesService(map);service.textSearch(request, (results, status) => {if (status === google.maps.places.PlacesServiceStatus.OK) {displayResults(results);} else {alert('查询失败,请重试。');}});}// 展示查询结果function displayResults(results) {const resultList = document.getElementById('results');resultList.innerHTML = '';for (let i = 0; i < results.length; i++) {const hotel = results[i];const marker = new google.maps.Marker({position: hotel.geometry.location,map: map,title: hotel.name});const listItem = document.createElement('li');listItem.innerHTML = `${hotel.name}
${hotel.formatted_address}
查看详情`;resultList.appendChild(listItem);}}// 提交表单后执行查询document.getElementById('form').addEventListener('submit', (event) => {event.preventDefault();const address = document.getElementById('address').value;searchHotels(address);});// 页面加载后自动执行查询window.onload = () => {const address = window.navigator.geolocation.getCurrentPosition((position) => {const lat = position.coords.latitude;const lng = position.coords.longitude;searchHotels({ lat, lng });}, (error) => {alert('无法获取您的位置,请手动输入地址。');});};


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

上一篇:王府井附近酒店查询500米内 (王府井附近酒店有哪些)

下一篇:都市路宾馆查询500米内50至60元的酒店 (都市宾馆电话号码多少)

附近酒店推荐

关注我们

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