Question

我想要做的事情在理论上非常简单：左侧是Google地图，右侧是列表/表格。列表/表格中的每个项目都绘制在Google地图上。当您在地图上放大和缩小时，列表/表格会“过滤”以仅显示Google地图上可见的行。这是可能的吗？

修改

我在IEnumerable中的列表，以及ASP.NET MVC生成的HTML是：

<table>
    <tr id="0"><td>Item 1</td></tr>
    <tr id="1"><td>Item 2</td></tr>
    <tr id="2"><td>Item 3</td></tr>
</table>

要将标记添加到Google地图，我将每个项目的纬度和经度作为新的GLatLng放入数组中（在Javascript中）：

var gpsArray = [
    <% foreach (var item in Model) {
        if (item.Latitude != 0 && item.Longitude != 0) { %>
            new GLatLng(<%= item.Latitude %>, <%= item.Longitude %>),
    <% } } %>
];

表行的id对应于gpsArray中的数组位置。

Answer 1

我对Google地图Api没有广泛的了解，但就我所知，您可以将事件监听器附加到与地图交互时触发的事件（请参阅http://code.google.com/apis/maps/documentation/events.html）。

根据事件的类型，可以计算显示坐标，并且可以过滤列表中的标签/元素。

问题可能更详细，列表填充在哪里等等。

玩得开心;）

是否可以在缩放/平移Google地图时过滤列表/表格？

1 个答案: