谷歌地图:如何使用gmaps.js查找地图中的所有标记

Question

我已经使用gmaps.js的addMarker()创建了一些标记：

var lat= new Array();
var lng= new Array();
var title= new Array();
lat[0]=...
lng[0]=...
title[0]=...
...

for(i=0;i<lat.lenth;i++){
  map.addMarker({
    lat: lat[i],
    lng: lng[i],
    title: title[i],    
  });
}

现在，我只想获取当前显示的地图内的标记，并将站点列表显示到表中。我该怎么做呢？有没有来自gmaps.js的API可以轻松实现？

谢谢你的帮助！

Answer 1

您需要获取地图的边界，然后查看该边界是否包含每个标记。

var bounds = map.getBounds();

for (var i=0;i<lat.length;i++) {
  var latlng = new google.maps.LatLng(lat[i], lng[i]);

  map.addMarker({
    lat: lat[i],
    lng: lng[i],
    title: title[i],    
  });

  if (bounds.contains(latlng)) {
    // add the details into an array here.  After the loop, output the contents to a div
  }
}