Openlayers 4.6.5和Angular 6无法删除像素处绘制的形状

OpenLayers是一个开源的JavaScript库，用于在Web浏览器中展示地理信息。它提供了丰富的地图功能和交互性，可以轻松地在网页中显示地图、标记点、绘制形状等。

Angular是一个流行的开源JavaScript框架，用于构建Web应用程序。它提供了一套丰富的工具和组件，使开发者能够快速构建现代化的、响应式的Web应用程序。

在OpenLayers 4.6.5和Angular 6中，要删除像素处绘制的形状，可以通过以下步骤实现：

首先，确保已经正确引入OpenLayers和Angular的相关库文件。
在Angular组件中，创建一个OpenLayers地图实例，并将其绑定到HTML模板中的一个元素上，以显示地图。
使用OpenLayers的绘制工具，绘制所需的形状（例如点、线、多边形等）。
当需要删除形状时，可以通过以下步骤实现：
- 获取绘制的形状的图层（layer）对象。
- 使用OpenLayers的removeFeature()方法，将形状从图层中移除。
- 更新地图，以反映删除后的形状。

以下是一个示例代码片段，演示如何删除OpenLayers 4.6.5和Angular 6中绘制的形状：

import { Component, OnInit } from '@angular/core';
import Map from 'ol/Map';
import View from 'ol/View';
import TileLayer from 'ol/layer/Tile';
import OSM from 'ol/source/OSM';
import Draw from 'ol/interaction/Draw';
import VectorSource from 'ol/source/Vector';
import VectorLayer from 'ol/layer/Vector';
import { Circle as CircleStyle, Fill, Stroke, Style } from 'ol/style';

@Component({
  selector: 'app-map',
  templateUrl: './map.component.html',
  styleUrls: ['./map.component.css']
})
export class MapComponent implements OnInit {
  map: Map;
  draw: Draw;

  ngOnInit() {
    const raster = new TileLayer({
      source: new OSM()
    });

    const source = new VectorSource();
    const vector = new VectorLayer({
      source: source,
      style: new Style({
        fill: new Fill({
          color: 'rgba(255, 255, 255, 0.2)'
        }),
        stroke: new Stroke({
          color: '#ffcc33',
          width: 2
        }),
        image: new CircleStyle({
          radius: 7,
          fill: new Fill({
            color: '#ffcc33'
          })
        })
      })
    });

    this.map = new Map({
      layers: [raster, vector],
      target: 'map',
      view: new View({
        center: [0, 0],
        zoom: 2
      })
    });

    this.draw = new Draw({
      source: source,
      type: 'Polygon' // 可以是Point、LineString、Polygon等
    });

    this.map.addInteraction(this.draw);
  }

  deleteShape() {
    const source = this.draw.getSource();
    const features = source.getFeatures();
    features.forEach(feature => {
      source.removeFeature(feature);
    });
  }
}

在上述示例中，我们创建了一个名为MapComponent的Angular组件，其中包含一个地图和一个删除形状的按钮。当点击删除按钮时，调用deleteShape()方法，该方法获取绘制的形状的图层，并使用removeFeature()方法将形状从图层中移除。

请注意，这只是一个简单的示例，实际应用中可能需要根据具体需求进行适当的修改和扩展。

推荐的腾讯云相关产品：腾讯云地图服务（https://cloud.tencent.com/product/maps）