Question

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

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

在vue页面引入了js文件

然后抄了官网的示例代码

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

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

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

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

Answer 1

您好，在index.html里边引入leaflet.draw.css样式文件试试呢，看看控制台有没有报错，跟坐标系没有关系

Comments

控制台没有报错。

我用的是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正确，本地测试了没有问题，检查代码是否写对