mapbox 实现draw 点击事件的更改

直接上图，相从右侧换到左侧的点击事件上面

 原始的添加一个点的方式是这样的，刚开始通过更改他的css发现不能实现，

//添加工具
    draw = new MapboxDraw({
      displayControlsDefault: false,
      controls: {
        point: true
        // line_string: true,
        // polygon: true,
        // trash: true
      }
    });
    window.Draw = draw;
    map.addControl(draw, "top-right");
    // map.addControl(new mapboxgl.NavigationControl(), "bottom-right");
    map.on("draw.create", this.newArea);
    map.on("draw.delete", this.delArea);
    map.on("draw.update", this.updateArea);

mapbox网站https://github.com/mapbox/mapbox-gl-draw/blob/master/docs/API.md

//添加工具
    draw = new MapboxDraw({
      displayControlsDefault: false,
      controls: {
        //将这个地方注释掉
        // point: true
        // line_string: true,
        // polygon: true,
        // trash: true
      }
    });
    window.Draw = draw;
    map.addControl(draw, "top-right");

在点击事件上面加一句话

 startDraw(){
      draw.changeMode('draw_point')
    },

效果就是酱紫的