欢迎使用南宁附近宾馆查询服务。您可以使用此服务轻松找到距离您当前位置 500 米以内的宾馆。
如何使用
-
输入您的当前位置或在地图上点击您的位置。
-
点击“搜索宾馆”按钮。
-
查看地图上显示的搜索结果。
搜索结果
地图
宾馆详情
<ｓｃｒｉｐｔ>
// 此脚本用于实现宾馆查询功能。// 全局变量var map;var markers = [];var infoWindow;// 初始化地图function initMap() {map = new google.maps.Map(document.getElementById('map'), {center: { lat: 22.818672, lng: 108.341086 },zoom: 15});infoWindow = new google.maps.InfoWindow();}// 根据输入的位置搜索宾馆function searchHotels() {// 获取用户输入的位置var location = document.getElementById('location').value;// 向 Google Places API 发送请求var request = {location: location,radius: 500,type: 'hotel'};var service = new google.maps.places.PlacesService(map);service.nearbySearch(request, function(results, status) {if (status === google.maps.places.PlacesServiceStatus.OK) {// 清除以前的搜索结果clearResults();// 显示搜索结果for (var i = 0; i < results.length; i++) {var place = results[i];addMarker(place);addResult(place);}}});}// 在地图上添加标记function addMarker(place) {var marker = new google.maps.Marker({map: map,position: place.geometry.location,title: place.name});markers.push(marker);// 为标记添加点击事件侦听器marker.addListener('click', function() {showDetails(place);});}// 在结果列表中添加结果function addResult(place) {var result = '
' + place.name + '';document.getElementById('results').innerHTML += result;// 为结果添加点击事件侦听器result.addEventListener('click', function() {showDetails(place);});}// 显示宾馆详情function showDetails(place) {var content = '
' + place.name + '
';content += '
' + place.vicinity + '
';content += '
' + place.rating + ' 星级
';infoWindow.setContent(content);infoWindow.open(map, place);}// 清除以前的搜索结果function clearResults() {for (var i = 0; i < markers.length; i++) {markers[i].setMap(null);}markers = [];document.getElementById('results').innerHTML = '';}
本文由:成都民宿于(2024-11-06)发表了关于
南宁附近宾馆查询500米内 (南宁附近宾馆住宿)的文章
。如转载请注明出处：http://www.cdcy-mail.com
如果您对此感兴趣,可以通过以下联系方式与我们联系：
成都区销售
重庆区销售
云贵区销售
华南区销售
华北区销售
华东区销售
华为企业邮箱销售热线：400-0828-083
