getCenter不是函數jQuery的谷歌地圖V3

-1

我試圖使用jQuery來得到使用下面getCenter不是函數jQuery的谷歌地圖V3

JQUERY

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

我的console.log輸出中心值經緯度TypeError: mapElement.getCenter is not a functionvar valMap = mapElement.getCenter();

我不確定問題是什麼，因爲我使用的地圖顯示正常，點擊此按鈕.mapcenter應該獲得區域01的中心緯度和長度

編輯：上面的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); 
     }

來源

2013-11-04 ngplayground

您正在對javascript元素調用getCenter（）。 –

@RameshK分享如何解決這個問題？ – ngplayground

其實你正在調用HTML元素上的getCenter。爲了幫助您解決這個問題，我們需要查看您的_map_代碼。 google.maps.Map有一個getCenter方法，用於返回地圖中心的緯度和經度座標。 – geocodezip

把你的地圖變量在全球範圍內：

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

調用getCenter它：

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

來源

2013-11-04 16:58:48 geocodezip

只需將其添加到您的代碼中即可...

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

來源

2017-12-28 01:15:19

getCenter不是函數jQuery的谷歌地圖V3

回答

相關問題