谷歌函数和addDomListener答案

【问题标题】：Google function and addDomListener谷歌函数和addDomListener
【发布时间】：2015-07-15 20:57:55
【问题描述】：

我已将代码设置为无错误显示，但我是新手。特别 addDomListener 位置。

var GoogleMap1 = function() {

    return {

        initMap: function() {
            (function(jQuery) {

                jQuery(document).ready(function() {

                    var myLatlng = new google.maps.LatLng(-25.363882, 131.044922);
                    var mapOptions = {
                        zoom: 4,
                        center: myLatlng
                    }
                    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

                    var marker = new google.maps.Marker({
                        position: myLatlng,
                        map: map,
                        title: 'Hello World!'
                    });

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

                });

            })(jQuery);
        }

    };
}();

这是正确的还是可以改进的，特别是：google.maps.event.addDomListener(window, 'load', initialize);

addDomListener 的参考 URL 实际上是在 https://developers.google.com/maps/documentation/javascript/examples/marker-simple

目前这将是一个错误，我希望避免使用像 ddDomListener 这样的解决方案：

错误：TypeError：元素为空行： element.parentNode.removeChild(element);

需要帮助。

【问题讨论】：

标签： jquery google-maps-api-3

【解决方案1】：

另一种方法是向运行初始化函数的 google 脚本添加回调。

<script type="text/javascript"
        src="https://maps.googleapis.com/maps/api/js?v=3.exp&callback=initialize"></script>

然后创建初始化函数并将其附加到window object

var map;
window.initialize  = function () {
  var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
  var mapOptions = {
    zoom: 4,
    center: myLatlng
 }
 map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'Hello World!'
  });
}

请注意，地图是在函数外部初始化的，以便以后可以使用。有了这个，就不需要指定要监听的事件。一旦谷歌地图脚本完全加载，它就会调用回调函数。

【讨论】：