附近酒店
<ｓｃｒｉｐｔ>
let map;let markers = [];function initMap() {map = new google.maps.Map(document.getElementById('map'), {center: { lat: -34.397, lng: 150.644 },zoom: 15});// 使用浏览器地理位置 API 获取当前位置if (navigator.geolocation) {navigator.geolocation.getCurrentPosition(function(position) {var pos = {lat: position.coords.latitude,lng: position.coords.longitude};// 将当前位置标记在地图上var marker = new google.maps.Marker({position: pos,map: map,title: '你在这里'});// 将当前位置作为查询中心getNearbyHotels(pos.lat, pos.lng);}, function() {alert('无法获取您的位置。请确保已启用地理位置服务。');});} else {alert('你的浏览器不支持地理位置 API。');}}function getNearbyHotels(lat, lng) {// 使用 Google Places API 查询附近的酒店var request = {location: { lat: lat, lng: lng },radius: 500,type: 'lodging'};var service = new google.maps.places.PlacesService(map);service.nearbySearch(request, function(results, status) {if (status === google.maps.places.PlacesServiceStatus.OK) {// 将酒店结果显示在列表中
var resultsElement = document.getElementById('hotel-results');for (var i = 0; i < results.length; i++) {var result = results[i];// 创建酒店项var item = document.createElement('li');item.classList.add('hotel-item');// 创建酒店图像var image = document.createElement('img');image.src = result.icon;// 创建酒店名称和地址var info = document.createElement('div');var name = document.createElement('h4');name.innerHTML = result.name;var address = document.createElement('p');address.innerHTML = result.vicinity;// 将酒店信息添加到项中info.appendChild(name);info.appendChild(address);// 创建酒店链接var link= document.createElement('a');link.href = result.url;link.appendChild(info);// 将项添加到列表中item.appendChild(image);item.appendChild(link);resultsElement.appendChild(item);// 在地图上标记酒店var marker = new google.maps.Marker({position: result.geometry.location,map: map,title: result.name});markers.push(marker);}}});}
本文由:成都民宿于(2024-11-06)发表了关于
查询附近酒店 (就近宾馆查询附近酒店)的文章
。如转载请注明出处：http://www.cdcy-mail.com
如果您对此感兴趣,可以通过以下联系方式与我们联系：
成都区销售
重庆区销售
云贵区销售
华南区销售
华北区销售
华东区销售
华为企业邮箱销售热线：400-0828-083
