I'm trying to use Leaflet-draw, after calling it :
.ts file :
import "leaflet-draw"
.scss file :
@import "~leaflet-draw/dist/leaflet.draw.css";
configuration :
var drawPluginOptions = {
position: 'topleft',
draw: {
polyline: {
shapeOptions: {
color: '#f357a1',
weight: 10
}
},
polygon: {
allowIntersection: false,
drawError: {
color: '#e1e100',
message: '<strong>Polygon draw does not allow intersections!<strong> (allowIntersection: false)'
},
shapeOptions: {
color: '#bada55'
}
},
circle: false,
rectangle: {
shapeOptions: {
clickable: false
}
},
marker: {
icon: new MyCustomMarker()
}
},
edit: {
featureGroup: editableLayers,
remove: false
}
};
Nothing is displayed in the toolbar. I'm trying to manually import icons, but still not working :
.leaflet-draw-toolbar a {
background-image: url('https://unpkg.com/leaflet-draw@1.0.2/dist/images/spritesheet.png');
background-repeat: no-repeat;
color: transparent !important;
}