Multiple Markers on Android about procedural-gl-js HOT 4 OPEN

I don't have an Android device to handle to test on sorry, so I cannot reproduce this. However, I spent a lot of time working on fixing picking on Android recently and did have it working. Could you double check that the production build you are testing with is indeed using the latest 1.0.17 version of the code? I ask because the glitch.com demo you sent doesn't display the icons correctly, so I figured it isn't actually what you are testing with.

Also, could you check whether clicking works for you on this demo? https://olwal.github.io/air/3d/ - this is what I was helping to fix and I've been told it now works correctly on Android

from procedural-gl-js.

The air/3d demo works for me on Android using Firefox, but not Chrome.
So then I tested my glitch example on Android/Firefox and it works! And it still doesn't work on Android/Chrome.
(In the glitch demo I switched the icons to white, they might have been hard to see when no map was loaded)

from procedural-gl-js.

One thing to bear in mind is that the markers are actually bigger than you think because you have added a padding (set a background to a solid colour to see this, say "background": "blue"). This means that when they are close by they will overlap when hittesting even if the white circles do not.

I've had a look at the code and made a slight tweak that might fix this for you - can you try with the latest version (1.0.18)?

As for debugging this further - who knows what is up with Android/Chrome here. To help narrow down the exact issue could you try and see if it is broken or works on Android/Chrome in the following cases:

• Overlay with one point with id of 0
• Overlay with one point with id of 1
• Overlay with one point with id of "test"
• Overlay with two points with ids of 0 & 0 respectively
• Overlay with two points with ids of 0 & 1 respectively
• Overlay with two points with ids of "test" & "test2" respectively

from procedural-gl-js.

Thanks for the info about the padding.

With 1.0.18 / Android 6 / Chrome 89:

• Overlay with one point with id of 0
• Overlay with one point with id of 1
• Overlay with one point with id of "test"
• Overlay with two points with ids of 0 & 0 respectively
• Overlay with two points with ids of 0 & 1 respectively
• Overlay with two points with ids of "test" & "test2" respectively

On Firefox, all benchmarks passed.

https://glitch.com/edit/#!/0316s

from procedural-gl-js.