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

Question

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

JQUERY

$('.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);
   });