search

fnicollet / Leaflet

:leaves: JavaScript library for mobile-friendly interactive maps
http://leafletjs.com
BSD 2-Clause "Simplified" License
48 stars 20 forks source link

Tiles Have "Gutter" when bearing is not 0 #12

Open marioatmicello opened 7 years ago

marioatmicello commented 7 years ago

When the bearing is set to a non-zero number, faint "gutters" appear between the tiles. Attached is an example of what I see:

leafletrotatetilespacing

fnicollet commented 7 years ago

Hello,

Which browser are you testing on? Firefox? Might a subsampling issue like in this issue: https://github.com/fnicollet/Leaflet/issues/8

Fabien

marioatmicello commented 7 years ago

I'm primarily working in Chrome when I see this issue. Incidentally, I do not see the issue in Firefox or in iOS safari browser either..

fnicollet commented 7 years ago

Just double-checked on the example https://rawgit.com/fnicollet/Leaflet/rotate-master/debug/rotate/rotate.html You have good eyes, cause I really had to look closely to see those gutters. That's probably because of some browser rounding issue. Leaflet actually has the same issue when in-between zoom, gaps appear. I know that there is some experiment to draw everything in a single canvas image (and not draw each tile) in this project, but that's just experimental: https://github.com/Leaflet/Leaflet.TileLayer.NoGap