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

查找附近宾馆酒店 (查找附近宾馆在哪)

2024-10-18 12:45分类: 成都旅游 阅读:

 

如何使用

要查找附近的宾馆和酒店,请按照以下步骤操作:

  1. 打开本页面。
  2. 允许浏览器访问您的位置。
  3. 地图上将显示您的当前位置,附近的宾馆和酒店将以标记表示。
  4. 单击标记以查看有关相应宾馆或酒店的更多信息,包括名称、地址和距离您的位置。
  5. 如果您找不到您要找的宾馆或酒店,请尝试缩小或放大地图。

提示

  • 如果您看不到地图,请确保您已允许浏览器访问您的位置。
  • 为了获得最佳结果,请在户外使用本页面。
  • 此地图仅显示附近的宾馆和酒店。如果您需要更多选项,请使用在线旅行社或其他酒店搜索引擎。

地图

<script> // 创建地图var map = new google.maps.Map(document.getElementById("map"), {center: { lat: 40.712775, lng: -74.005973 },zoom: 13,});// 获取当前位置if (navigator.geolocation) {navigator.geolocation.getCurrentPosition(function (position) {var pos = {lat: position.coords.latitude,lng: position.coords.longitude,};// 将地图中心设为当前位置map.setCenter(pos);// 添加标记var marker = new google.maps.Marker({position: pos,map: map,title: "您当前的位置",});});} else {// 如果浏览器不支持地理定位,则显示错误消息alert("您的浏览器不支持地理定位。");}// 在地图上显示附近的宾馆和酒店var request = {location: map.getCenter(),radius: 1000,types: ["lodging"],};var service = new google.maps.places.PlacesService(map);service.nearbySearch(request, function (results, status) {if (status === google.maps.places.PlacesServiceStatus.OK) {for (var i = 0; i < results.length; i++) {var place = results[i];var marker = new google.maps.Marker({position: place.geometry.location,map: map,title: place.name,});// 添加点击事件侦听器以显示更多信息marker.addListener("click", function () {var content ="" +"

" +this.getPosition().lat() +", " +this.getPosition().lng() +"

" +"

" +place.vicinity +"

";var infoWindow = new google.maps.InfoWindow({content: content,});infoWindow.open(map, this);});}}});


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

上一篇:查找住宿记录 (查找住宿记录的软件)

下一篇:民宿和酒店 (民宿和酒店哪个更安全)

附近酒店推荐

关注我们

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