javascript - 如何将谷歌地图对象传递到我的自调用 JS 函数中？

Question

我已经简化了这个问题的例子，但它找不到谷歌地图对象。它返回 TypeError:a 为空。

有任何想法吗？我认为这是范围问题或其他问题，但完全卡住了

感谢您的任何想法。

(function ($, document){

    mapOptions = {
          center: new google.maps.LatLng(-34.397, 150.644),
          zoom: 8,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
    map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);

})(jQuery, document);

Answer 1

请记住，您的代码在页面仍在加载时运行。可能是google的地图库还没有加载。

你必须使用这样的结构：

(function ($, document){
    google.load("maps", function () {
        // here maps is guaranteed to be available
    });
    // here maps may _not_ be available
})(jQuery, document);