Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

157
Views
Leaflet draw toolbar icons not loaded

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
                }
            };

Toolbar screenshot

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;
        }
about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!