用小册子geoman在多边形中切孔

时间:2020-03-05 16:05:07

标签: leaflet leaflet.pm leaflet-geoman

我正在使用奇妙的“传单风俗师”来绘制和编辑几何图形,但是在理解切割工具的工作方式时遇到了麻烦。如何获取已切割的图层的几何形状?

这是我的代码:

mymap.on('pm:create', function(e) {        
                e.poly;
                var type = e.layerType,
                    layer = e.layer;
                $(document).ready(function() {
                        layer.on('pm:cut', ({ layer }) => {
                             console.log(layer.toGeoJSON());
                        });
                    var jsnPolygon = e.layer.toGeoJSON().geometry;
                    jsnPolygon = {
                        type: "MultiPolygon",
                        coordinates: [jsnPolygon.coordinates]
                    };
                    console.log(layer.toGeoJSON());
                })
            });

console.log在剪切前后给我相同的结果,即矩形坐标。

enter image description here

----更新---

根据建议添加console.log(JSON.stringify(e));会返回此错误:

Uncaught TypeError: Converting circular structure to JSON
    --> starting at object with constructor 'e'
    |     property 'pm' -> object with constructor 'e'
    --- property '_layer' closes the circle

完成切割后的行为是它仍然启用了绘图/切割工具,尽管我无法“完成”它。

2 个答案:

答案 0 :(得分:2)

尝试:

map.on("pm:cut",function(e){
   console.log(e.layer.getLayers()[0].getLatLngs()); //or loop through with e.layer.eachLayer(func)
});

答案 1 :(得分:0)

您需要使用正确的事件。 Geoman Docs

// This fires when cutting event is completed
mymap.on('pm:cut', e => {
  // This is the full event object
  console.log(e)

  // This holds the new geometry
  console.log(e.layer.toGeoJSON())
})