Low Quality when compared with other map

[koka0012]

Hi, I'm having an issue where a map is being rendered with a lower resolution.
It appears that the canvas is not being rendered correctly.

You can check this print:

However not only the TileLayer is in low quality, but any other layer, see example:

[Pessimistress]

What is this "other map" that you are comparing to?

[koka0012]

The canvas has kind of a weird zoom

here is the same data map from OMS official site

[koka0012]

I can't tell what other layers you are using from the screenshot.

If you are using the TileLayer with raster tiles you can adjust tileSize.

For adjusting resolution across the board you may try useDevicePixels

Thanks, but still no improvement.

[Pessimistress]

tileSize may not behave the way you want it to, but if you are not seeing any difference then most definitely you are not setting it correctly.

[koka0012]

Thanks, but still not very content with the quality of the canvas. I'm going to publish a page to compare. It's clearly when you put side to side

[am2222]

@koka0012 any updates on this?
I noticed the same too when compared with leaflet or mapbox

[Pessimistress]

Ok I took some time to look into this. Try add the following textureParameters to your BitmapLayer:

        new BitmapLayer(otherProps, {
          image: data,
          bounds: [west, south, east, north],
          textureParameters: {
            magFilter: 'nearest',
          }
        }),

CodePen

[am2222]

@Pessimistress thanks for the example. Something I noticed if I use a mapbox layer to dexkgl with vector tile text it has a bit of bluriness in it too. Is it any way to avoid it?