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

Question

以下是一些观点:

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

那么,如何获取当前缩放级别上所有可见标记的列表？我通过互联网搜索并没有找到有用的东西.可以在这里找到我想要实现的某种东西

Answer 1

在Google Maps JavaScript API V3中,我们可以使用以下内容:

var markers; // your markers
var map; // your map
for (var i=0; i<markers.length; i++){
    if( map.getBounds().contains(markers[i].getPosition()) ){
        // code for showing your object, associated with markers[i]
    }
}

Answer 2

使用GMap2.getBounds()查找边框.使用GLatLngBounds.containsLatLng()检查每个标志,看它是否是可见的.

Answer 3

我知道你想要API V2,但是我必须纠正我在@brhaha对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
    }
}

通过阵列倒退这种方式经过标记更快的阵列,再加上我们再进循环,使我们不能每次我们通过循环去时,要求其设置的界限到一个变量,而我们的唯一要求如果特定标记位于边界内,则为make.

编辑:我的堕落者

编辑: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);
}