Google地图变量的范围和调用方法

Question

我正在玩Google Maps API以熟悉JavaScript。我是一个可怕的程序员，所以请原谅我。

我不明白为什么下面的代码不工作，你可以在这里检查的jsfiddle：http://jsfiddle.net/m9QLx/

var map; 

function initialize() { 

var myOptions = { 
     center : new google.maps.LatLng(34.053228, -118.259583), 
     zoom : 11, 
     zoomControl: true, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }, 

map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

}; 

google.maps.event.addDomListener(window, 'load', initialize); 

map.panTo(new google.maps.LatLng(37.4569, -122.1569)); 

一切工作正常，但我不知道为什么哑剧方法不工作，据我所知，在所有函数之外声明var map使其成为全局函数，然后在initialize（）函数中设置映射，但在此initialize（）函数之外，panTo方法不起作用，map显示为未定义。

我敢肯定，我正在犯一个菜鸟的错误，但我找不到答案（我确定我在用谷歌搜索错误的东西）。

谢谢，如果任何人都可以拯救我的理智。

Answer 1

您正尝试在映射初始化之前使用map.panTo方法。

这将导致初始化函数当页面触发了“load”事件（完整DOM /页已经被渲染）来运行：

google.maps.event.addDomListener(window, 'load', initialize); 

这立即执行时，“load”事件触发之前和地图变量初始化：

map.panTo(new google.maps.LatLng(37.4569, -122.1569)); 

所以它什么都不做。在地图初始化后，您应该将它移动到初始化函数中。

var map; 

function initialize() { 

var myOptions = { 
     center : new google.maps.LatLng(34.053228, -118.259583), 
     zoom : 11, 
     zoomControl: true, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
map.panTo(new google.maps.LatLng(37.4569, -122.1569));  
}; 

google.maps.event.addDomListener(window, 'load', initialize);