javascript - 谷歌地图：如何使用 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
  }
}