如何禁用Mapbox-gl-draw创建多边形时默认显示的中点

方法一：通过配置禁用中点添加功能 #

初始化Mapbox GL Draw时，自定义direct_select模式，覆盖canAddVertex方法，阻止添加新顶点的行为：

const draw = new MapboxDraw({
  modes: {
    ...MapboxDraw.modes,
    direct_select: {
      ...MapboxDraw.modes.direct_select,
      canAddVertex: () => false // 禁用添加顶点的功能
    }
  }
});

方法二：通过CSS隐藏中点视觉元素 #

如果仅需隐藏中点的显示，无需完全禁用交互功能，可添加以下CSS样式：

.mapbox-gl-draw__midpoint {
  display: none !important;
}

彻底解决方案（禁用交互+隐藏显示） #

若要完全移除中点的交互能力和视觉呈现，同时使用上述两种方法即可：

• 用JavaScript配置禁用中点添加顶点的功能；
• 用CSS样式隐藏中点元素。

内容的提问来源于stack exchange，提问作者Ayman Ali