Leaflet / Leaflet/Leaflet.VectorGrid
SVG tile composition artifacts in IE 11
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 676
- Forks
- 202
- PR merge metrics
- No merged PRs in 30d
Description
This plugin works perfectly together with Mapbox Vector Tiles and Leaflet SVG renderer in modern browsers. Unfortunately, there are some artifacts on tile borders when using IE 11. I'm trying to display polygons with some stroke and transparent fill color. The path strokes are not cropped to real polygon borders but they're also on the tile borders when the polygon is not contained in single tile. Also the transparent fill color is displayed once for each polygon part so the result has higher opacity. Example image here: https://photos.app.goo.gl/mYtFtZSMwXk6rnsA2
Please, do you have any hint if I can fix this somehow? Or is it just broken IE SVG rendering issue? Thanks in advance.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the issue in IE 11 with Mapbox Vector Tiles and Leaflet's SVG renderer, using the linked example image as the reference. Inspect how the plugin composes polygon parts across tile borders, including stroked paths and transparent fills. Done means the artifacts and excess opacity are absent for polygons spanning multiple tiles, or the limitation is documented if IE 11 SVG rendering is responsible.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100