In firefox I'm getting white lines both horizontal and vertical. It doesn't occur in chrome, but it shows in firefox. How do i get rid of it picture below

asked 29 Dec '13, 04:11

bfg9000d's gravatar image

accept rate: 0%

edited 29 Dec '13, 04:53

aseerel4c26's gravatar image

aseerel4c26 ♦

@whomever: I could reproduce in Chromium 31 (Linux) too, but only after zooming in and out several times (sometimes needed a minute playing) and panning the map to see such a line (not at every tile edge).

So... that may be correctable in leaflet (it is not related to only - also on owm for leaflet (tested in FF26, Linux)). Should we report it to the leaflet devs?

(30 Dec '13, 19:52) aseerel4c26 ♦

I tested a little: This behaviour appeared when I had enlarged the whole page size to 110% or more in Firefox. Maybe this is your issue, too?

permanent link

answered 30 Dec '13, 02:05

malenki's gravatar image

accept rate: 6%


I've also seen this issue when zooming, or when using an enlarged font in Windows. Definitely a Firefox issue. I am not seeing it anymore in Firefox 26, so the issue may have been resolved.

(30 Dec '13, 10:49) pbb

indeed, Firefox' zoom in(!) once (while having zoom also set to apply to images) creates those lines. When testing for my answer below I tried zooming too, but only to zoom out. FF 26, Linux.

(30 Dec '13, 19:39) aseerel4c26 ♦

The white stripe/pixels issue in the rendering is well known problem. The issue is a consequence of many factors in use like the scale factor, the rounding strategy, the processor's precision, the viewport's position just to mention some. Therefore the white stripes in the question comes and goes randomly on different machines, displays, browsers, pan-positions and some times it is difficult to repeat them. Here is an example created on my HP/WIN8/64bits machine (December 29.) alt text

To understand the problem in cases like mentioned by malenki (scale factor 1.1) is quite easy (sometimes an image row/column x is rounded to row/column n-1 on the display while the x+1 to n+1) and these kind of white stripes are very well handled by any private/kernel renderers. The issue is slightly more complicated when the scale factor is 1.0 and the raster image to display is tiled. Namely, the tiles are individual independent images and their edge-to-edge alignment is provided by their (corner) position co-ordinates (given directly/indirectly in the corresponding profile). Anyway, these co-ordinates have to be transformed to the tile's display integer start position. So, because of the mentioned reasons, it may happen that this start display position is for one pixel away from the last rendered row/column of the previously rendered tile.
With a robust renderer this should never happen. There are at least two major strategies to avoid the white stripes. One, for any tiles in rendering (maybe except those in the last row and column) the last raster row and column is rendered once more into the next display row and column. Next, especially in case of uniform tiles, the tiles are positioned/selected in such a way that the corresponding position co-ordinates are exact integer multiplications of the corresponding tile-dimension.

permanent link

answered 31 Dec '13, 15:51

sanser's gravatar image

accept rate: 5%


What browser & version are you using?

(01 Jan '14, 14:09) pbb

MS "Internet Explorer 11, Update Versions 11.0.2"

(02 Jan '14, 07:07) sanser

Thank you for your report! However, I have no such problems in my Firefox (version 26.0). Could you please try with a fresh profile or under a different user account or easily on another computer? You could also try to switch off zooming or any addons (if existent). You could also try to reload the page without caching in your browser: hit Ctrl+F5 while being on

To explain: those white lines on your map display are exactly between the map's bitmap tiles. One example (compare the borders with your white lines).

permanent link

answered 29 Dec '13, 04:58

aseerel4c26's gravatar image

aseerel4c26 ♦
accept rate: 18%

edited 29 Dec '13, 05:16

Your answer
toggle preview

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here



Answers and Comments

Markdown Basics

  • *italic* or _italic_
  • **bold** or __bold__
  • link:[text]( "title")
  • image?![alt text](/path/img.jpg "title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported

Question tags:


question asked: 29 Dec '13, 04:11

question was seen: 8,384 times

last updated: 02 Jan '14, 07:07

powered by OSQA