我在调用它之后试图在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文件吗?
答案 0 :(得分:1)
如果有人仍在寻找解决方案,那么在vue组件内(例如Map.vue),您需要添加以下内容:
<script>
import "leaflet-draw/dist/leaflet.draw.css";
.
.
.
</script>
答案 1 :(得分:0)
问题与此https://github.com/Leaflet/Leaflet.draw/issues/617
有关直接在我的组件中导入CSS文件并覆盖CSS属性就行了(使用精灵的有效路径;在Vue情况下,静态文件夹)
.leaflet-draw-toolbar a {
background-image: url('/static/spritesheet.png');
}