定义的按钮事件
SelectRegion() {
this.drawTool.changeMode("draw_polygon");//触发地图选区工具
},
//初始化地图绘图工具
init() {
let _self = this;
_self.drawTool = new MapboxDraw({
displayControlsDefault: false,
controls: {
point: true,
// polygon: true, //需要自定义哪个事件就注释掉哪个
trash: true,
},
});
_self.$refs.mapCom.map.addControl(_self.drawTool);
//
_self.$refs.mapCom.map.on("draw.create", _self.getFeatureInfo);
_self.$refs.mapCom.map.on("draw.delete", _self.getFeatureInfo);
_self.$refs.mapCom.map.on("draw.update", _self.getFeatureInfo);
},
//这里是获取选择区域的坐标点信息
getFeatureInfo(e) {
let _self = this;
var data = _self.drawTool.getAll();
if (data.features.length > 0) {
_self.drawArea = data.features[0].geometry.coordinates[0];
} else {
if (e.type !== "draw.delete") {
}
}
return data;
},