在地图空闲时调用 maps.getBounds() null

Question

我需要设置指向地图的指针 a) 初始化地图时和 b) 移动地图时。 为了获得标记，我像这样调用我的 API：

var bounds = map.getBounds();

然后获取边界以获得正确的标记。

问题是，当我将 API 调用放入其中时

google.maps.event.addListener(map, "bounds_changed", function(){})

在拖动地图时它被调用的频率太高了，但是如果我使用

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

map.getBounds 在初始化时为空。

编辑：更多代码

$(document).ready(function(){    initialize(); });

function initialize() {    mapOptions = {
      zoom : 13,
      minZoom : minimumZoomLevel,
      scrollwheel : false,
      panControl : false    };    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

   google.maps.event.addListener(map, "idle", function() {
      myfunction();    }); });

function myfunction(){    var bounds = map.getBounds(); }

bounds 为空！

Answer 1

我在这里使用这段代码：http://boascervejas.com.br，它工作正常：

var mapgoogle = null;
//do some stuff
var mapOptions = //something here
mapgoogle = new google.maps.Map(document.getElementById("map"), mapOptions);

google.maps.event.addListener(mapgoogle, 'idle', function() {
   var bounds = mapgoogle.getBounds();
   console.log(bounds);
   //it's only called when the "end of the drag" is fired
});

编辑：使用 jsfiddle (http://jsfiddle.net/pjhk3Lm9/) 的完整工作示例：

js:

var map = null;

function initialize(lat, lng) {
   var myLatlng = new google.maps.LatLng(lat,lng);
   var mapOptions = {
      mapTypeControl: false,
      streetViewControl: false,
      center: myLatlng,
      zoom: 15,
      mapTypeId: google.maps.MapTypeId.ROADMAP
   };

    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

    google.maps.event.addListener(map, 'idle', function() {
        console.log(map.getBounds());  
    })
};


navigator.geolocation.getCurrentPosition(
    function(position) {
        initialize(position.coords.latitude, position.coords.longitude);
    },
    function(position) {
        initialize(-23.5354986,-46.6839113);
    }
);

//html and css
<div id="map-canvas"></div>
#map-canvas {
    width: 400px;
    height: 400px;
    border:1px solid #FF0000;
}