Google Maps API v3無法調用未定義的方法「panTo」

Question

我只想在地圖上移動標記，並聲明變量map，爲全局，但我無法使用它功能moveMarker()。我是JavaScript新手，所以這個問題可能很簡單，但我仍然無法解決它 - 任何人都可以幫我解決它嗎？

var map; 
var marker; 

function initialize() { 
    var myLatLng = new google.maps.LatLng(50, 50), 
     myOptions = { 
      zoom: 4, 
      center: myLatLng, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }, 
     map = new google.maps.Map(document.getElementById('map-canvas'), myOptions); 
    marker = new google.maps.Marker({ 
     position: myLatLng, 
     map: map, 
     draggable: true 
    }); 
    marker.setMap(map); 
    setTimeout("moveMarker(1)", 2000); 
} 

function moveMarker(i) { 
    //delayed so you can see it move 
    if (i > 10) { 
     return; 
    } 
    var myLatLng = new google.maps.LatLng(50 + 0.1 * i, 50 + 0.1 * i); 
    marker.setPosition(myLatLng); 
    map.panTo(myLatLng); 
    var latlng = marker.getPosition(); 
    newlatlng = latlng.toString(); 
    marker.setTitle(newlatlng); 
    setTimeout("moveMarker(" + (i + 1) + ")", 1500); 
} 

window.onload = function() { 
    // Setup the dnd listeners. 
    initialize(); 
}; 

Answer 1

你需要做更換你的「」使用‘;’，否則它認爲你正在重新定義變量‘地圖’：

  var map; 
     var marker; 

     function initialize() { 
      var myLatLng = new google.maps.LatLng(50, 50); 
      myOptions = { 
       zoom: 4, 
       center: myLatLng, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 
      map = new google.maps.Map(document.getElementById('map-canvas'), myOptions); 
      marker = new google.maps.Marker({ 
       position: myLatLng, 
       map: map, 
       draggable: true 
      }); 
      marker.setMap(map); 
      setTimeout("moveMarker(1)", 2000); 
     } 

     function moveMarker(i) { 
      //delayed so you can see it move 
      if (i > 10) { 
       return; 
      } 
      var myLatLng = new google.maps.LatLng(50 + 0.1 * i, 50 + 0.1 * i); 
      marker.setPosition(myLatLng); 
      map.panTo(myLatLng); 
      var latlng = marker.getPosition(); 
      newlatlng = latlng.toString(); 
      marker.setTitle(newlatlng); 
      setTimeout("moveMarker(" + (i + 1) + ")", 1500); 
     } 

     window.onload = function() { 
      // Setup the dnd listeners. 
      initialize(); 
     }; 

Answer 2

的問題是不是在谷歌地圖的PanTo方法。問題的原因是您的myLatLng變量。

因此改變myLatLng變量Global的範圍，問題就會得到解決。

入住這JSFIddle