完成绘图后给后台返回数据

guoshilong

2022-09-03 c054c78741b02a6dd103080c1c801600dbcd3caa

 src/components/revampDraw.vue

@@ -141,6 +141,20 @@
            this.polygonLayer.on('pm:edit', e => {
                // 拖动后的坐标
                that.polygons = e.target._latlngs[0]

                
            var arr = []

            this.polygons.forEach(item => {
                arr.push([item.lng, item.lat])
            })

            arr.push([this.polygons[0].lng, this.polygons[0].lat])

            let area = this.$turf.area(this.$turf.polygon([arr]))
            window.parent.postMessage(area,"*")


            })
            this.polygonLayer.on('pm:vertexadded', e => {
                // 添加顶点
@@ -436,6 +450,17 @@
                e.layer.on('pm:vertexadded', e => {
                    console.log(e, "添加顶点")
                })

                var arr = []

                this.polygons.forEach(item => {
                    arr.push([item.lng, item.lat])
                })

                arr.push([this.polygons[0].lng, this.polygons[0].lat])

                let area = this.$turf.area(this.$turf.polygon([arr]))
                window.parent.postMessage(area,"*")
            })
        },