谷歌地图“裁剪”

时间:2014-01-19 02:35:03

标签: javascript jquery google-maps

好的,这听起来像是一个疯狂的问题,但我在网站上有一个谷歌地图(API v3),有时我在地图上有大量的标记。是否存在任何插件,或者编写一个插件有多困难,(起始代码?)允许我让用户说点击控制+鼠标左键单击并按住并启用它们“选择”一部分插件地图。之后,当他们释放鼠标左键时,我可以启动一个功能,可以更新我的谷歌地图以重置缩放,只包括用户选择区域内的标记。

我真的很想尝试这个,有没有人有任何可以帮助我的指针或想法?

更新

好的,它甚至可能吗? :)

1 个答案:

答案 0 :(得分:1)

我认为有可能我认为有更好的方法可以解决您使用clustering的问题。

对于裁剪你可以:

  1. 使用事件addDomListener在地图上侦听'mousedown'。检查传递给处理程序的事件对象,看是否按下了ctrl键(e.ctrlKey)。

  2. 将鼠标单击的x y坐标转换为lat lng(在地图投影上使用fromPointToLatLng)。在该位置创建一个矩形。

  3. 在地图上添加addDomListener mousemove处理程序。在处理程序中使用setBounds调整矩形大小。

  4. 在地图上添加addDomListener mouseup处理程序。在处理程序中抓取矩形的边界,删除矩形并调用map.fitBounds。

  5. 我没有尝试过上述内容但是在输入完毕后我会建议首先尝试群集,看看它是否满足您的需求。