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')
    },
效果就是酱紫的

————————————————
版权声明：本文为CSDN博主「侧耳倾听...」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/xm_w_xm/article/details/102792596