我已将传单绘制纳入我的一个项目中。我的问题是图标没有显示在工具栏中。它看起来像这样:
环顾四周我发现THIS https://github.com/Leaflet/Leaflet.draw/issues/617发布并按照其说明进行操作。我在 Leaflet Draw 文件夹中找到了 spritesheet,并像 htis 一样链接到它:
.leaflet-draw-toolbar a {
background-image: url('E:/MappingProject/Leaflet.Draw/src/images/spritesheet.png');
background-repeat: no-repeat;
}
我最终得到了这个:
我似乎找不到任何其他解决方案来使这个精灵表在框中对齐。看起来不是拉出单独的图标,而是将整个工作表放入每个按钮中。
这是我实例化 L.FeatureGroup() 和 L.Control.Draw() 的代码:
function logIn(){
map = L.map('map').setView([51.505, -0.09], 13);
OpenStreetMap_HOT.addTo(map);
$("#logInScreen").css('display', 'none');
addSideBars();
addDrawToMap();
}
/////////////////////////////////////////////
//DRAW FUNCTIONALITY
///////////////////////////////////////////
function addDrawToMap(){
map.addControl(drawControl);
map.addLayer(drawnItems);
}
var drawnItems = new L.FeatureGroup();
var drawControl = new L.Control.Draw({
position: 'topright',
draw: {
polyline: true,
polygon: true,
circle: true,
marker: true
},
edit: {
featureGroup: drawnItems,
remove: true
}
});
有人有这方面的经验吗?