question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Images of WebGL Tile Layer get resized

See original GitHub issue

Describe the bug With the current HEAD of the main branch (commit a788c9bd1ebc93761660b3c5c290b9fbd6c8d42f), images of WebGL TileLayer loaded with DataTile source are resized (stretched along the row or column direction) for some tile grids. That leads to distortions of the raster graphics and incorrect display of corresponding vector graphics.

I encountered this problem with the following tile grid:

Screen Shot 2021-11-30 at 9 44 24 AM

This is the image at the top of the pyramid (zoom level 0):

Screen Shot 2021-11-30 at 9 48 04 AM

This is the image one level below the top of the pyramid (zoom level 1):

Screen Shot 2021-11-30 at 9 46 39 AM

One can clearly see that pixels are non-square in the first image and that the vector graphic (orange line) is displayed at the wrong spatial location.

The images display correctly with an earlier version of the app that uses Canvas tile layers of release v6.9.0.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:10 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
tschaubcommented, Jul 1, 2022

Do you already know the timeline for the next release?

@hackermd - You can use the latest with npm install ol@dev. It has been a while since the last release, but nobody has gotten around to cutting a new one (summer for many).

0reactions
hackermdcommented, Jul 1, 2022

Do you already know the timeline for the next release?

Read more comments on GitHub >

github_iconTop Results From Across the Web

ol/layer/WebGLTile~WebGLTileLayer - OpenLayers
Data for a image tiles can only be retrieved if the source's crossOrigin property is set. // display layer data on every pointer...
Read more >
Custom WebGL layer view | Sample Code - ArcGIS Developers
This sample demonstrates how to add a custom WebGL object to a map. We will create a pulsating marker inspired by telecommunications iconography....
Read more >
WebGL Side-by-Side images causes image outline
This is due to the tiling of textures on an object. Since the texture is resized, it uses bilinear filtering to make the...
Read more >
Trimble Maps WebGL API Documentation
The maximum number of tiles stored in the tile cache for a given source. If omitted, the cache will be dynamically sized based...
Read more >
Configure a WebGL Canvas size - Unity - Manual
See in Glossary app, the canvas element is where the browser draws the graphics when rendering a game. ... Did you find this...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found