我正在使用谷歌地图,并希望实现一个功能,用户可以使用他/她的鼠标绘制一个框/矩形来选择地图上的区域(如在窗口中选择多个文件).选择后,我想获得该区域内的所有标记.我一直在寻找Google Maps api和搜索,但我无法找到解决方案.我尝试使用jQuery Selectable进行选择,但它返回的是一堆div,我无法确定是否选择了任何标记.
简而言之,
我想找到位于通过在地图上拖动鼠标而创建的矩形区域内的所有标记.这个功能是否受到任何jQuery插件或其他东西的支持？如果没有,我想在我的项目中实现这一点.我觉得这很酷.
详细信息
我正在使用Google Maps v2,因为我想在我的项目中支持IE 6.
我是地图的初学者,并通过开发人员指南部分和一些基本演示和其他SO问题.
到目前为止,这是我的想法 -
用户单击地图控件部分中的"选择区域"按钮.这会调用disableDragging(),用户可以进行选择.(可能是http://code.google.com/apis/maps/documentation/javascript/v2/controls.html#Custom_Controls给出了一些如何做到这一点的想法)
然后用户进行区域选择.记录选择开始和选择结束点,并假设它们是矩形的两个相对角,找到其中的标记.但是,到目前为止,我没有看到任何工作代码来获取点击点的坐标.我想最好用纬度/经度作为坐标而不是实际的xy坐标.这个问题Google Maps API使用jQuery插件:如何在点击时获取标记的经度和纬度？讨论在点击标记时获取标记的纬度/经度,但我还没有成功尝试过.
总结
以下是我的问题 -
如何在地图上显示矩形选区？(通常略带灰色且外观透明)
如何获得点击点的纬度/经度(纬度/经度),然后将其扩展以获得选择的起点和终点.
我对jQuery很有经验,如果有一些很好的jQuery插件解决方案,请告诉我.我看到了10个jQuery插件列表,用于更轻松的谷歌地图安装,但不确定是否有任何一个可以帮助我满足我的要求.
当我有标记列表时,我想在单独的显示部分中填充一些相关信息,这样每次用户选择一些标记时,相应的信息都会显示在显示部分中.那部分应该更容易.
谢谢