如何获取当前缩放级别的所有可见标记

Question

以下是一些要点：

1. 我在地图上有一些标记，并且在地图旁边的右侧面板上有与其关联的记录。它们通过数字 id 连接，数字 id 存储为标记的属性。
2. 所有标记都存储在一个数组中。
3. 当用户放大地图时，仅与可见标记关联的记录应显示在右侧面板上。

那么，如何获取当前缩放级别上所有可见标记的列表呢？我在互联网上搜索过，但没有找到有用的东西。我想要实现的某种目标可以在此处找到

Answer 1

在 Google Maps JavaScript API V3 中，我们可以使用如下内容：

let markers
let map
const bounds = map.getBounds()
markers.filter(m => m.isAdded).forEach(m => {
  if (bounds.contains(m.getPosition())) {
    // code for showing your object, associated with current marker
  }
})

Answer 2

使用 GMap2.getBounds() 查找边界框。使用 GLatLngBounds.containsLatLng() 检查每个标记以查看其是否可见。

Answer 3

我知道你想要 API V2，但我必须纠正我在 @bruha 对 V3 的回复中看到的一些内容，以防有人来寻找它：

var markers; // your markers
var map; // your map

for(var i = markers.length, bounds = map.getBounds(); i--;) {
    if( bounds.contains(markers[i].getPosition()) ){
        // code for showing your object
    }
}

向后遍历数组，这种方式可以更快地遍历标记数组，而且我们设置了在进入循环之前绑定到变量中，因此我们不会在每次执行循环时都请求它，我们必须发出的唯一请求是特定标记是否位于边界内。

编辑：搞砸了我的减量器

编辑：map.getBounds() 应该是，是map.getBounds

Answer 4

如果有人仍然需要这个问题的答案，我在 Codepen.io 上有一个完整的工作模型，

请随意下载并根据您的需要进行调整。
只需将 API 密钥更改为您自己的即可。 （它们是免费的）

https://codepen.io/pailwriter/pen/bGEpeRv

这里是获取视口中标记的函数。

function showVisibleMarkers() {
    var bounds = map.getBounds(),
        count = 0;
                                   
    for (var i = 0; i < markers.length; i++) {
        var marker = markers[i],
            infoPanel = $('.info-' + (i+1) ); // array indexes start at zero, but not our class names :)
                                           
        if(bounds.contains(marker.getPosition())===true) {
            infoPanel.show();
            count++;
        }
        else {
            infoPanel.hide();
        }
    }
    
    $('#infos h2 span').html(count);
}

Answer 5

这是简单的代码。试试这个代码。

private boolean CheckVisibility(Marker marker)
{
    if(googleMap != null)
    {
        //This is the current user-viewable region of the map
        LatLngBounds latLongBounds = googleMap.getProjection().getVisibleRegion().latLngBounds;

            if(latLongBounds.contains(marker.getPosition()))
                   //If the item is within the the bounds of the screen
                  return true;
            else
                  //If the marker is off screen
                  return false;
    }
    return false;
}

Answer 6

我的代码片段

private boolean isAnyMarkerVisible(LatLng ll) {
    if(gMap != null && markersData != null) {
        final LatLngBounds latLongBounds = LatLngBounds.builder().include(ll).build();
        for (Store store : markersData) {
            if (latLongBounds.contains(store.getLatLng())) {
                return true;
            }
        }
    }
    return false;
}