javascript - Google map 空闲事件未触发

Question

我正在使用 Google map 进行一些实验，我的目标是在 map 上放置标记，这取决于 map 何时被拖动或调整大小，因此我计划使用“idle”事件监听器。问题是我无法让它工作。

我在空闲监听器中放置了一个警报框来测试它，但它没有被触发。这是我到目前为止所拥有的:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true"></script>
<script>

var map;
    var geocoder;
    var markers = [];

function initialize() 
{   
        var myOptions = {
    center: new google.maps.LatLng(<?php echo $latitude; ?>, <?php echo $longitude; ?>),
        zoom: 12,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        panControl: true,
        zoomControl: true,
        scaleControl: true
        };

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

    //regenerateMarkers(); // 29/7/15
}




// Initializes the Google Map
google.maps.event.addDomListener(window, 'load', initialize);

google.maps.event.addListener(map, 'idle', function() {

    //regenerateMarkers(); // 29/7/15

    alert("inside idle");

});

</script>

显示 map 的html如下:

<div id="map_canvas" style="height: 450px; width: 900px;"></div>

我一生都无法理解为什么空闲监听器没有触发来调出警报框。有人可以帮忙吗？非常感谢!

Answer 1

您应该在initialize函数中绑定(bind)idle事件，否则 map 无法加载并且事件无法绑定(bind)。