Leaflet JavaScript Bounding Box示例？

Question

我对Leaflet JavaScript完全陌生。基本上我需要编写一些东西：

1. 允许在地图上绘制边界框
2. 获取框的坐标
3. 稍后根据坐标
绘制框
4. 清除方框

Anya的想法或例子怎么做？或者在哪里找到它们？

由于

Answer 1

1. 这是一个名为Leaflet.draw的插件，它增加了对在Leaflet地图上绘制和编辑矢量和标记的支持。在这个 link上，您将找到足够的信息来实现一个简单的矩形，它将成为您的边界框。
2. 使用这段代码，您可以获得鼠标指针在地图上的位置（您只需要为鼠标向下创建一个处理程序，在鼠标向上创建另一个处理程序）

map.on('click', onMapClick); function onMapClick(e) { alert("You clicked the map at " + e.latlng); }

3.根据坐标绘制框：

var bounds = [[X, Y], [X, Y]];

// create an orange rectangle
var boundingBox = L.rectangle(bounds, {color: "#ff7800", weight: 1});
map.addLayer(boundingBox);

4。清除方框：

  

map.removeLayer（boundingBox的）;