Leaflet Mapbox GL JS中的自定义图形图层(和传单)

Leaflet Mapbox GL JS中的自定义图形图层(和传单),leaflet,mapbox,mapbox-gl-js,Leaflet,Mapbox,Mapbox Gl Js,我开始研究在Mapbox GL JS(包装在Angular 2+应用程序中)内置的现有地图中添加用户功能。我需要做的是,允许用户能够在地图顶部绘制和旋转椭圆和文本标签,并能够保存结果的屏幕截图 我进入这一领域时,在地图盒或传单方面没有任何经验,所以我有很多事情要弄清楚。我的第一个目标是确定我是否可以直接在Mapbox中完成这项工作(使用插件?),或者我是否需要使用第三方绘图库在地图顶部渲染画布(我有很多这方面的经验) 直接在Mapbox中执行此操作的明显优势是,我们可能仍然能够缩放和平移。该库允

我开始研究在Mapbox GL JS(包装在Angular 2+应用程序中)内置的现有地图中添加用户功能。我需要做的是,允许用户能够在地图顶部绘制和旋转椭圆和文本标签,并能够保存结果的屏幕截图

我进入这一领域时,在地图盒或传单方面没有任何经验,所以我有很多事情要弄清楚。我的第一个目标是确定我是否可以直接在Mapbox中完成这项工作(使用插件?),或者我是否需要使用第三方绘图库在地图顶部渲染画布(我有很多这方面的经验)

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

该库允许用户在地图中创建功能,但可能不会达到您需要的程度

如果用户创建的功能不需要存在于“地图空间”(即地图是静态的,标签静态放置在顶部,以便打印),直接在画布上工作将给您带来更大的灵活性。您还可以访问更多种类的库。

该库允许用户在地图中创建功能,但可能没有达到您需要的程度


如果用户创建的功能不需要存在于“地图空间”(即地图是静态的,标签静态放置在顶部,以便打印),直接在画布上工作将给您带来更大的灵活性。您还可以访问更多种类的图书馆。

谢谢。我一直在想这个问题。我可能会使用EaselJS,并通过Flash seniol转换工具移植一些旧的AS3代码。我还可以使用SVG做一些更简单的事情,因为Angular可以很好地使用SVG。你可以抓取Mapbox WebGL画布并将其保存为PNG。看一个示例Mapbox GL Draw有一个可扩展的API,这样你就可以编写一些代码来扩展它,以使用省略号和文本。@Andrewarvey,这是否支持文本输入(动态文本字段)?对于一个在Mapbox方面经验很少的人来说,这会是一个很大的学习曲线吗?谢谢。我一直在想这个问题。我可能会使用EaselJS,并通过Flash seniol转换工具移植一些旧的AS3代码。我还可以使用SVG做一些更简单的事情,因为Angular可以很好地使用SVG。你可以抓取Mapbox WebGL画布并将其保存为PNG。看一个示例Mapbox GL Draw有一个可扩展的API,这样你就可以编写一些代码来扩展它,以使用省略号和文本。@Andrewarvey,这是否支持文本输入(动态文本字段)?对于在Mapbox方面经验很少的人来说,这会是一个很大的学习曲线吗?