我正在用Google地图做一些实验,我的目标是在地图上放置标记,这将取决于它何时被拖动或调整大小,所以我计划使用"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>
显示地图的html如下:
<div id="map_canvas" style="height: 450px; width: 900px;"></div>
无论如何我都不明白为什么空闲的侦听器不触发警报框。有人能帮忙吗?很多谢谢!
应该在initialize
函数中绑定idle
事件,否则map无法加载,事件无法绑定