Javascript 如何让谷歌地图显示附近的餐馆？

我正在尝试创建一个网站，使用谷歌地图API搜索用户位置附近的餐馆。我不想在启动时加载，我会添加一个按钮，启动搜索。这是我的密码。我正在拿地图，但是没有标记，也没有餐馆。我启用了一个Places API，体内有一个带有

id=“map:

的div。为什么我没有看到餐厅

var map;

function createMap(){
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 40.0519752, lng: -76.314270999999},
    zoom: 10 
  });



var request ={
  location: center,
  radius: 8047,
  types: ['cafe']
}

var service = new google.maps.places.PlacesService(map);

service.nearbySearch(request, 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.addDomListener(window, 'load', createMap);

 <script src="https://maps.googleapis.com/maps/api/js?key=YOUR-KEY&callback=createMap&libraries=places" async defer></script>

var映射；
函数createMap（）{
map=new google.maps.map（document.getElementById（'map'）{
中心：{lat:40.0519752，lng:-76.3142709999}，
缩放：10
});
var请求={
地点:中环，
半径：8047，
类型：[“咖啡馆”]
}
var service=newgoogle.maps.places.PlacesService（地图）；
服务.nearbySearch（请求、回调）；
}
函数回调（结果、状态）{
if（status==google.maps.places.PlacesServiceStatus.OK）{
对于（var i=0；i

PlacesService请求中未定义变量

center

。这是我在代码中看到的唯一问题。

我在发布的代码中遇到一个javascript错误：

引用错误：未定义中心

猜测您希望它成为地图的中心（

map.getCenter（）

）

如果我做了更改，您的代码将返回20个位置，类型为

cafe

代码片段：

var映射；
函数createMap（）{
map=new google.maps.map（document.getElementById（'map'）{
中心：{
纬度：40.0519752，
液化天然气：-76.31427099999
},
缩放：10
});
var请求={
位置：map.getCenter（），
半径：8047，
类型：[“咖啡馆”]
}
var service=newgoogle.maps.places.PlacesService（地图）；
服务.nearbySearch（请求、回调）；
}
函数回调（结果、状态）{
if（status==google.maps.places.PlacesServiceStatus.OK）{
console.log（results.length）；
对于（var i=0；i

html，
身体，
#地图{
身高：100%；
保证金：0；
填充：0；
}