二维绘制正方形

王旭

2023-05-11 8641eb34b9b542c5eef0ae1fd697d6b3b19aa404

二维绘制正方形

 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()
    },
    //切换底图