vue3中引入leaflet-draw,界面上没有显示工具栏

0 投票

在vue3项目中安装了leaflet-draw插件。

在main.js中引入了leaflet.draw.css样式文件

在vue页面引入了js文件

然后抄了官网的示例代码

有人说官网的示例代码不对,要把FeatureGroup添加到地图,我也添加了。

但是界面上压根就没有显示绘制控件,查看DOM节点也是空的。(上传图片太多,不让上传了)

<div class="leaflet-draw leaflet-control"></div>

另外,这个插件和坐标系有没有关系?我的图层是用iServer发布的,用proj4.js定义的EPSG:4549坐标系,是大地坐标,不是经纬度坐标,和这个应该没有关系吧?

11月 25 分类:  21次浏览 | 用户: fashioncoolwan 初出茅庐 (26 分)

1个回答

0 投票
您好,在index.html里边引入leaflet.draw.css样式文件试试呢,看看控制台有没有报错,跟坐标系没有关系
11月 25 用户: y_98 才高八斗 (815 分)
控制台没有报错。

我用的是vue3.0,没有index.html文件,在main.js里import了leaflet.draw.css文件。现在的问题是<div class="leaflet-draw leaflet-control"></div>DOM节点是空的,控件的界面元素根本就没有创建出来。

我这边用vue2测试没问题呢,具体可以参考一下这个博客https://www.cnblogs.com/yingyigongzi/p/10768226.html

现在提示:L.Control.Draw is not a constructor
没有人回答了吗
提示这个L.Control.Draw is not a constructor,就说明没有import正确,本地测试了没有问题,检查代码是否写对
...