jquery - getCenter 不是函数 jquery google map v3

Question

我正在尝试使用 jQuery 来获取中心值 latlong 使用下面

查询

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

我的 console.log 输出TypeError: mapElement.getCenter is not a function var valMap = mapElement.getCenter();

我不确定问题出在哪里，因为我使用的地图显示正常，单击此按钮.mapcenter时应该获得该区域的中心纬度和经度#map

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

再次编辑：

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');
            var map = new google.maps.Map(mapElement, mapOptions);
        }

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)
  });