javascript - 谷歌地图 "cropping"

Question

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

我真的很想尝试这个，有人有任何可以帮助我的指示或想法吗？

更新

好吧，这可能吗？ :)

Answer 1

我相信这是可能的，但我认为有更好的方法来解决您的问题，即使用 clustering 。

对于裁剪，您可以:

1. 使用事件 addDomListener 监听 map 上的“mousedown”。检查传递给处理程序的事件对象以查看是否按下了 ctrl 键(e.ctrlKey)。

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

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

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

我还没有尝试过上述方法，但在输入完所有内容之后，我建议首先尝试聚类，看看它是否满足您的需求。