From 8641eb34b9b542c5eef0ae1fd697d6b3b19aa404 Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期四, 11 五月 2023 14:50:35 +0800
Subject: [PATCH] 二维绘制正方形

---
 src/views/exportMap/index.vue |   14 +++++++++++---
 1 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/views/exportMap/index.vue b/src/views/exportMap/index.vue
index 6af9cac..0c94e0f 100644
--- a/src/views/exportMap/index.vue
+++ b/src/views/exportMap/index.vue
@@ -577,7 +577,9 @@
       mapView.addLayer(this.vector)
 
       let type = 'Circle'
-      let geometryFunction2 = createRegularPolygon(4)
+          // var geometryFunction = ol.interaction.Draw.createBox();
+          // console.log(geometryFunction)
+      let geometryFunction2 = createBox()
       this.draw = new Draw({
         source: this.source,
         type: type,
@@ -587,6 +589,10 @@
       this.draw.on("drawend", e => {
         let feature = e.feature
         let geom = feature.getGeometry()
+          var bbox = geom.getExtent();
+        var ss = turf.square(bbox);
+        geom.setCoordinates([[[ss[0], ss[3]], [ss[2], ss[3]], [ss[2], ss[1]], [ss[0], ss[1]], [ss[0], ss[3]]]]);
+        e.feature.setGeometry(geom);
         var extent = geom.getExtent()
         var a1 = transform([extent[0], extent[1]], "EPSG:3857", "EPSG:4326")
         var a2 = transform([extent[2], extent[3]], "EPSG:3857", "EPSG:4326")
@@ -600,7 +606,7 @@
 
         mapView.removeInteraction(this.draw)
       })
-
+        mapView.addInteraction(this.draw);
     },
     //缁樺埗鍥惧舰
     setMapAddDraw() {
@@ -763,8 +769,10 @@
         }),
         controls: defaultControls().extend([new FullScreen(), new ScaleLine(), new Rotate()]),
       })
+        // console.log(mapView.getLayers().item(2))
       mapView.getLayers().item(1).setVisible(false)
-      mapView.getLayers().item(2).setVisible(false)
+      // mapView.getLayers().item(2).setVisible(false)
+    
       // this.formInline.role = mapView.getView().getRotation()
     },
     //鍒囨崲搴曞浘

--
Gitblit v1.9.3