超图框选

  getSuperMap2d() {

      let url = window.bimgisConfig.iserverURL;
      // 初始化地图
      this.map = new SuperMap.Map('map', {
        controls: [
          new SuperMap.Control.Navigation(),
          new SuperMap.Control.Zoom()
        ]
      });
      this.map.addControl(new SuperMap.Control.MousePosition());
      // 初始化图层
      let layer = new SuperMap.Layer.TiledDynamicRESTLayer('China', url, null, { maxResolution: 'auto' });
      // 监听图层信息加载完成事件
      let that = this;
      layer.events.on({ 'layerInitialized': addLayer });

      function addLayer() {
        that.map.addLayer(layer);
        // 显示地图范围
        that.map.setCenter(new SuperMap.LonLat(117.42, 24.26), 1.000000865364);// 漳州
      }


      that.markers = new SuperMap.Layer.Markers('Markers');
      that.map.addLayer(that.markers);


      // 框选
      that.vectorLayer = new SuperMap.Layer.Vector('Vector Layer');// 新建一个vectorLayer的矢量图层
      that.map.addLayer(that.vectorLayer);
      that.drawFeature = new SuperMap.Control.DrawFeature(that.vectorLayer, SuperMap.Handler.Box, { 'handlerOptions': { 'cursorCSS': 'crosshair' }});
      that.drawFeature.events.on({
        'featureadded': function(obj) {

          that.vectorLayer.removeAllFeatures();

          that.drawFeature.deactivate();
          let feature = obj.feature;
          feature.style = {
            strokeColor: '#304DBE',
            strokeWidth: 1,
            pointerEvents: 'visiblePainted',
            fillColor: '#304DBE',
            fillOpacity: 0.3
          };
          that.vectorLayer.addFeatures(feature);

          let queryBounds = feature.geometry.bounds;
          console.log(queryBounds);


          let projectIds = that.getProjectId(queryBounds);

          //过滤数据


        }
      });
      that.map.addControl(that.drawFeature);


    },
getProjectId(queryBounds) {
      let projectIds = [];
      this.makerList.map(item => {
        if (item.longitude >= queryBounds.left && item.longitude <= queryBounds.right && item.latitude >= queryBounds.bottom && item.latitude <= queryBounds.top) {
          projectIds.push(item.id);
        }
      });
      return projectIds;
    },
    drawGeometry() {
      // 先清除
      this.vectorLayer.removeAllFeatures();

      //过滤数据
      ...

      this.drawFeature.activate();
    },