Mapbox GL JS（和 Leaflet）中的自定义绘图层

Question

我开始研究将用户功能添加到使用 Mapbox GL JS 构建的现有地图（包装在 Angular 2+ 应用程序中）。我需要做的是让用户能够在地图顶部绘制和旋转椭圆和文本标签，并能够保存结果的屏幕截图。

我没有使用 Mapbox 或 Leaflet 的经验，所以我有很多事情要弄清楚。我的第一个目标是确定我是否可以直接在 Mapbox 中执行此操作（使用插件？），是否需要使用一些第三方绘图库在地图顶部渲染画布（我有很多经验与那些）。

直接在 Mapbox 中执行此操作的明显优势是我们仍然可以缩放和平移。

Answer 1

Mapbox-gl-draw 库允许用户在地图中创作要素，但可能达不到您需要的程度。

如果用户创建的要素不需要存在于“地图空间”中（即地图是静态的，并且标签静态放置在顶部以进行打印），则直接在画布上工作将为您提供更多的灵活性。您还可以访问更多种类的库。