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

Question

我在我的 jsp 中包含了一个谷歌地图脚本：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 错误“谷歌未定义”。是否有任何其他可能性在外部 js 文件中实现谷歌地图 api3？

Answer 1

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

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

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