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

Question

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

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

是否有其他 map 服务(尤其是谷歌地图)的类似示例？

谢谢。

Answer 1

对于我的 bbox page我抓取了两个文件:SimpleShape , Rectangle来自 Leaflet.draw 插件并修复它们以获得更好的可用性。矩形的代码很简单:

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()); });

对于诸如在屏幕上居中矩形之类的高级操作，请参阅页面的源代码。