传单位置过滤器示例和可拖动调整大小的矩形区域在地图上选择

Question

我需要在地图上选择一个矩形区域并识别该区域内的标记。理想情况下，矩形应该是可拖动和可调整大小的。我对映射并不太讲究，Google 或 Mapbox 或 Leaflet 都可以正常工作。

我找到了 Leaflet ( https://github.com/kajic/leaflet-locationfilter/ ) 的位置过滤器，它似乎可以完成这项工作。但是，我找不到显示如何使用它的简单示例代码。它已在tripcode.com 上使用，但很难从正在发生的事情中得出任何结论。有没有人有使用位置过滤器的经验？如果是这样，您能否指出我如何使用它的简单示例？

其他地图服务，尤其是谷歌地图，是否有类似的例子？

谢谢。

Answer 1

对于我的bbox 页面，我从Leaflet.draw插件中获取了两个文件：SimpleShape和Rectangle并修复了它们以获得更好的可用性。矩形的代码很简单：

var rect = L.rectangle([[59.9, 29.9], [60.1, 30.1]]);
map.addLayer(rect);
rect.editing.enable();

rect.on('edit', function() { console.log(rect.getBounds().getBBoxString()); });

有关在屏幕上居中矩形之类的高级内容，请参阅页面的源代码。