首页 > 解决方案 > 在 mapbox-gl-js 中绘制贝塞尔曲线

问题描述

我正在寻找一种在我的 mapbox gl js 应用程序中绘制贝塞尔曲线的方法。就像这个非常有趣的例子:https ://demos.mapbox.com/bezier-drawing-tool/

不幸的是,我没有找到任何关于这个演示的文档,它正是我正在寻找的。

在此演示中,当您选择钢笔工具时,您可以通过拖动鼠标来绘制贝塞尔曲线。在编辑模式下,贝塞尔手柄会显示并允许用户修改贝塞尔样条曲线。

mapbox gl draw https://github.com/mapbox/mapbox-gl-draw/blob/main/docs/API.md 是一个非常有前途的 API,但目前不支持贝塞尔曲线。我还查看了可用的自定义模式,但一无所获。

作为后备,我认为我可以使用 mapbox gl draw 开发一种自定义模式,通过将线细分为多个段来支持贝塞尔曲线。但在这样做之前,我想知道是否已经存在对绘制贝塞尔曲线的支持?

谢谢

标签: mapboxmapbox-gl-jsmapbox-gl-draw

解决方案


推荐阅读