vue3使用AntV7|L7的平面区域标注图时出现警告:Canvas2D: Multiple readback operations using getImageData are faster...

1.使用工具

vsc工具、node16.20、vue3

2.警告情况

在2023/10/19日使用AntV7|L7时导入文本标注中的平面区域标注demo时出现警告如下:

2.1导入图例如下:

3.警告问题查找

在网上搜索无果后，便会想起以前做的项目,便去查看旧项目信息,发现指定的包相差2个版本

左侧为最新版本,右侧为旧版本,在项目中使用旧版本后警告便消失了。

4.解决方法,替换为旧版本

4.1删除现有的版本

使用npm删除：1.  npm uninstall @antv/l7

                         2.  npm uninstall @antv/l7-maps

4.2安装旧版本: 1.   npm install @antv/l7@2.17.12

                          2.  npm install @antv/l7-maps@2.17.12 

此时,便没有警告了，相对来说就是版本太高。