Take as example the maps JS API hello world example (satellite layer):
In desktop chrome, using device simulator, the imagery is sharp
In the google maps android app, the imagery is as sharp
In android chrome, the imagery is blurry and ugly.
Below are two examples. Left pic in each image is the JS hello world map linked above, in chrome on android. Right pic is the same exact are in the native android google map app. In a desktop browser, the JS imagery would look as sharp as in the android app. Click on the pic twice to view it at 100%.
Now I don’t know if that’s how mobile JS maps should look like or if there is a problem with my phone. Two things I’ve tried that solved the problem but induced other issues: Add `zoom:0.5;` to the div of the map, or change Smallest width from 392dpi to say 800dpi in Developer options on the phone.
It somehow feels like on mobile the browser zooms in on the map. In desktop chrome, if I set the browser zoom to 150% I get the same sort of ugly pixelated map.