谷歌地图API找到附近的餐厅周围我的地方

Google Map API to find nearby restaurant around my place

本文关键字:周围 餐厅 我的 API 谷歌地图      更新时间:2023-09-26

我正在开发谷歌地图api[这是我在餐馆附近找到的……当我运行这个程序时,我只得到当前位置。我没有收到任何与餐馆数据有关的信息。

<script>
      function initMap() {
          var map = new google.maps.Map(document.getElementById('map'), {
              center: { lat: 25.276987, lng: 55.296249 },
              zoom: 15
          });
          var infoWindow = new google.maps.InfoWindow({ map: map });
          if (navigator.geolocation) {
              navigator.geolocation.getCurrentPosition(function (position) {
                  var pos = {
                      lat: position.coords.latitude,
                      lng: position.coords.longitude     
                  };
                  infoWindow.setPosition(pos);
                  infoWindow.setContent('Location found.');
                  map.setCenter(pos);
                  var marker = new google.maps.Marker({
                      map: map,
                      position: pos.getPlace().location
                  });
                  var service = new google.maps.places.PlacesService(map);
                  service.nearbySearch({
                      location: rak,
                      radius: 5500,
                      type: ['restaurant'] // not resturant
                  }, callback);
              }, function () {
                  handleLocationError(true, infoWindow, map.getCenter());
              });
          }
          else {            
              handleLocationError(false, infoWindow, map.getCenter());
          }
      }

也许您遇到了nearbySearch位置标记的错误。您没有初始化变量rak,它将返回一个空值。

设置脚本

<script
    src="https://maps.googleapis.com/maps/api/js?key=API_KEY&libraries=places&callback=initMap"
    async defer></script>

初始化变量

var map;
var infowindow;
var myPlace = {lat: 25.276987, lng: 55.296249 };

呼叫您的nearBySearch

var service = new google.maps.places.PlacesService(map);
            service.nearbySearch({
                location : myPlace,
                radius : 5500,
                type : [ 'restaurant' ]
            }, callback);

检查搜索结果,然后为每个找到的位置创建一个标记

function callback(results, status) {
            if (status === google.maps.places.PlacesServiceStatus.OK) {
                for (var i = 0; i < results.length; i++) {
                    createMarker(results[i]);
                }
            }
        }
function createMarker(place) {
            var placeLoc = place.geometry.location;
            var marker = new google.maps.Marker({
                map : map,
                position : place.geometry.location
            });
            google.maps.event.addListener(marker, 'click', function() {
                infowindow.setContent(place.name);
                infowindow.open(map, this);
            });
        }

您可以在本文档中找到这段代码,它将很好地解释正确的编码以及如何使用api。这里还有支持的位置类型列表。

我希望这能有所帮助。