Map Size on retina devices

[philipp-lehmann]

Hey

Thanks for your library, it is very useful.

One issue I detected. The display device pixel ratio is not considered when creating the map.
On retina displays the map thus extends beyond the canvas (doubled in size)
See linked gif. The dots dissapear once the float out of the canvas.
https://media.giphy.com/media/J0IpaB7IDutgQIxnzh/giphy.gif

Any suggestions?

Here is a discussion on how to check for displays with retina support:
https://stackoverflow.com/questions/19689715/what-is-the-best-way-to-detect-retina-support-on-a-device-using-javascript

[philipp-lehmann]

My bad:
It's essential that the canvas is defined in a variable.

// working as expected
let canvas
function setup() {
  canvas = createCanvas(1024, 640);

compared to

// not cropping the map on retina displays
function setup() {
  createCanvas(1024, 640);