Comments (6)
could you share a bit more about your situation?
some good stuff to see would be:
- explanations of your attempts to solve this on your own
- the exact error messages you're seeing
- a minimal, running example that shows your error (see here)
- the versions of the various libraries you're using
from leaflet.easybutton.
Thanks for your reply. This was exactly what i did:
...
import * as L from 'leaflet';
import 'leaflet-draw';
import 'leaflet-draw/dist/leaflet.draw.css';
import 'leaflet-draw/dist/leaflet.draw-src.css';
import 'leaflet-easybutton';
import 'leaflet-easybutton/src/easy-button.css';
...
L.easyButton('fa-trash',() => {
// clear layer on new layer
this.clearLayer(map);
}).addTo(map);
But it shows like corrupted icon.
from leaflet.easybutton.
is font awesome installed and imported?
from leaflet.easybutton.
Yes and yes
from leaflet.easybutton.
gotcha.
Did you check the existing issues?
there's this one that mentions some issues with recent versions of Font Awesome. Does that issue line up with your experience?
from leaflet.easybutton.
Yes is the same issue!
from leaflet.easybutton.
Related Issues (20)
- [accessibility] Activating a button using a keyboard should not set focus to the map element HOT 1
- Can I remove the the button and reload it with new data?
- Feature request: multicolumn buttonbar HOT 1
- Help switching layers HOT 1
- Change button state icon at runtime HOT 3
- font awesome v.5 compatibility HOT 1
- Set button options outside of initial declaration. HOT 1
- Set button options outside of initial declaration
- Running examples website is down HOT 2
- inline horizontal button HOT 11
- Button to external link HOT 5
- importing/webpack HOT 1
- ERROR Compile Leaflet.EasyButton in Typescript HOT 3
- Enhancement: State option to set button class
- How to deal with 'mousedown' event ?
- Accessibility issue HOT 6
- Icon not centered on mobile HOT 6
- [accessibility] Use `aria-disabled` to convey the disabled state
- [bug] Disabled buttons can be activated using a keyboard
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from leaflet.easybutton.