Leaflet-draw 控件的工具栏不显示

Question

调用后，我正在尝试在 VueJS 中使用 Leaflet-draw

import LeafletDraw from 'leaflet-draw'

但是当我尝试使用它的时候

    var drawnItems = new L.FeatureGroup();
    map.addLayer(drawnItems);

    var drawControl = new L.Control.Draw({
        edit: {
            featureGroup: drawnItems
        }
    });

    map.addControl(drawControl);

我只有部分控件的工具栏

我是否缺少要包含的 CSS 文件？

Answer 1

如果有人仍在寻找解决方案，那么在 vue 组件(例如 Map.vue)中，您需要添加以下内容:

<script>
import "leaflet-draw/dist/leaflet.draw.css";
.
.
.
</script>