getCenter不是一个功能jquery谷歌地图v3

Question

我正在尝试使用jQuery来使用下面的

获取中心值latlong

JQUERY

$('.mapcentre').click(function(){   
    var mapElement = document.getElementById('map');
    var valMap = mapElement.getCenter();
    console.log(valMap);
});

我的console.log输出{{​​1}} TypeError: mapElement.getCenter is not a function

我不确定问题是什么，因为我正在使用的地图显示正常，点击此按钮var valMap = mapElement.getCenter();应该是中心纬度和区域的长.mapcenter

编辑：上面的jQuery位于活动页面的底部。

再次编辑：

#map

Answer 1

1. 将您的地图变量放在全局范围内：

   var map = null;
   google.maps.event.addDomListener(window, 'load', init);
   function init() {
     var mapOptions = {
         zoom: 2,
         center: new google.maps.LatLng(40.697299 , -73.809815),
     };
     var mapElement = document.getElementById('map');
     map = new google.maps.Map(mapElement, mapOptions);
   }
   

2. 在上面调用getCenter：

   $('.mapcentre').click(function(){   
     var valMap = map.getCenter();
     console.log(valMap);
   });
   

Answer 2

只需将其添加到您的代码中......

  var infoWindow = new google.maps.InfoWindow(
  {
    size: new google.maps.Size(150,50)
  });