如何在外部js文件中实现google maps api3？

Question

我在jsp中添加了一个google地图脚本：src="http://maps.googleapis.com/maps/api/js?sensor=true"

现在我正在尝试在另一个外部js文件中使用此脚本创建一个地图

var mapOptions = {
      center : new google.maps.LatLng(centerLat,centerLong),
      zoom : 11,
      mapTypeId : google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"),
        mapOptions);

当我试图执行它时会收到js错误'google not defined'。还有其他可能在外部js文件中实现google maps api3吗？

Answer 1

在Google Maps API完全初始化之前，您的代码很可能正在尝试运行。 你最好尽量保持执行，直到地图API完全加载。

1-确保在自定义文件之前引用Google地图脚本。 2-尝试使用document.load或使用jQuery的document.ready（）保持执行。

让我知道在应用上述建议后发生了什么。