Javascript OpenLayers的2D画布库。绘制自定义交互对象

Javascript OpenLayers的2D画布库。绘制自定义交互对象,javascript,canvas,2d,openlayers,konvajs,Javascript,Canvas,2d,Openlayers,Konvajs,我正在寻找像这样的2D画布库,我可以使用上面的OpenLayers 5.x。 我需要画的形状与字体内是互动的-可以在地图上拖动到适当的位置和旋转。 下图显示了Konva.js在图像背景上的外观。 您能否建议适当的lib或技术,以便在OpenLayers映射上实现相同的功能 AFAIK OpenLayers正在从服务器绘制地图图像,并将其显示在目标DIV元素中。您不能在同一个div中托管Konva,但可以在OpenLayers div的顶部放置另一个div,并将Konva作为目标。这将为您提供Op

我正在寻找像这样的2D画布库,我可以使用上面的OpenLayers 5.x。 我需要画的形状与字体内是互动的-可以在地图上拖动到适当的位置和旋转。 下图显示了Konva.js在图像背景上的外观。 您能否建议适当的lib或技术,以便在OpenLayers映射上实现相同的功能


AFAIK OpenLayers正在从服务器绘制地图图像,并将其显示在目标DIV元素中。您不能在同一个div中托管Konva,但可以在OpenLayers div的顶部放置另一个div,并将Konva作为目标。这将为您提供OpenLayers表面上方的Konva绘图表面,您可以使用所有Konva功能等。您必须管理OpenLayers地图的比例或位置(拖动)的变化,并克服Konva层捕捉鼠标/触摸手势的问题。这并不简单,但可能是一种前进的方式。AFAIK OpenLayers正在从服务器绘制地图图像,并将其显示在目标DIV元素中。您不能在同一个div中托管Konva,但可以在OpenLayers div的顶部放置另一个div,并将Konva作为目标。这将为您提供OpenLayers表面上方的Konva绘图表面,您可以使用所有Konva功能等。您必须管理OpenLayers地图的比例或位置(拖动)的变化,并克服Konva层捕捉鼠标/触摸手势的问题。这并不简单,但可能是一条前进的道路。