3

这是我想要做的。我有大约 160 个名胜古迹。用户输入我使用 Google 进行地理编码的地址（邮政编码、完整地址等）。然后，我创建一个以该点为中心的谷歌地图，并为地图上的每个兴趣点添加一个标记（使用 MarkerManager）。到目前为止，一切都很好。

我想在地图旁边显示与正在显示的标记相对应的项目列表。当用户拖动窗口，或者放大或缩小，或者其他什么时，我想更新这个列表。如果一次显示的项目太多，我想向用户显示一条消息。

做这个的最好方式是什么？我尝试向 MarkerManager 添加一个侦听器，以便在它更改时我可以确定哪些标记仍然显示。然而，事件似乎并没有像我预期的那样触发，即当显示的标记发生变化时。此外，我怀疑每次循环超过 160 多个这样的标记是否有效。

             GEvent.addListener(mgr, "changed", 
                function(bounds, markerCount) 
                {
                    var visibleBounds = map.getBounds();

                    for (var i = 0; i < gmarkers.length; i++) 
                    {
                        //alert(gmarkers[i].getPoint());
                        if (visibleBounds.containsLatLng(gmarkers[i].getLatLng())) {

                            // this will need to be replaced with an ajax call
                            // to get the details from the server
                            strHtml += "<div>Another item</div>";
                            count ++;
                        }
                    }
                    alert(count);
                });

实现这一目标的最佳方法是什么？

更新：此代码有效，但该事件似乎仅在地图移动一定最小距离时触发。因此，如果用户将地图拖了一小段距离，该事件似乎不会触发。

4

3 回答 3

1

您需要监听“idle”事件，该事件在地图在平移或缩放后变为空闲时触发。

google.maps.event.addListener(map, 'idle', function() {
  var bounds = map.getBounds();
  ...
});
于 2012-09-28T21:37:48.000 回答
1

'changed' 事件仅在标记发生更改时触发，因此肯定会有小动作不会改变任何内容的情况。MarkerManager 大大扩展了它的工作范围，以使移动时更加顺畅（它显示在地图之外的标记，在一定距离内）。

于 2009-05-13T20:08:33.807 回答
0

要首先获取所有标记，您必须找到当前视口的边界，然后您必须循环所有标记并查看它们是否包含在边界中。下面是一个例子。

var bounds =map.getBounds();

for(var i = 0; i < markers.length; i++){ // looping through my Markers Collection        
if(bounds.contains(markers[i].position))
 console.log("Marker"+ i +" - matched");
}
于 2015-01-08T17:00:37.273 回答