如何删除谷歌地图Ionic 3上的多边形

Question

我是使用Ionic 3使用Cordova的Native Google Maps API的新手，我想知道使用按钮删除多边形、标记、圆等的方法。

事实上，我在一个名为loadMap()的方法中有创建多边形的部分，它很有效。但我希望能够从另一种方法，如removePolygon()，删除多边形。

我的loadMap()代码如下：

loadMap() {
let mapOptions: GoogleMapOptions = {
camera: {
target: {
lat: 39.695263,
lng: 3.017571
},
zoom: 8,
}
};
this.map = GoogleMaps.create('map_canvas', mapOptions);
let myPolygonCoord: ILatLng[] = [
{
lat: 39.81952717082459,
lng: 3.1078016219598794
},
{
lat: 39.7794339492445,
lng: 3.0212842879755044
},
{
lat: 39.66007130788319,
lng: 3.1476270614130044
},
{
lat: 39.72030660365558,
lng: 3.2739698348505044
}
];
let myPolygon: PolylineOptions = {
'points': myPolygonCoord,
'strokeColor': '#89c3eb',
'fillColor': '#89c3eb',
'strokeWidth': 2
};
this.map.addPolygon(myPolygon).then((polygon: Polygon) => {});
}

另一方面，在方法removePolygon():

removePolygon(){
//how to call the map and remove the polygon? 
}

任何帮助都将不胜感激。

Answer 1

好吧，在尝试了不同的东西之后，我可以找到解决这个问题的方法。

声明一个变量，该变量存储创建多边形后返回的值，之后，只需使用remove:方法

generalPolygon : any;

this.map.addPolygon(myPolygon).then((polygon: Polygon) => {this.generalPolygon = polygon});

removePolygon(){ this.generalPolygon.remove(); }

就是这样。