[Bug] Data overlay is shifted while using Safari in iPhoneX (portrait mode)

**Describe the bug**
Data overlay is shifted while using Safari in iPhoneX (portrait mode), but it is correct in landscape mode.
[hexbin.html.txt](https://github.com/keplergl/kepler.gl/files/4007757/hexbin.html.txt)

**To Reproduce**
Steps to reproduce the behavior:
1. Setup an HTML server (or file server) , output the HTML file as the attachment.
2. Use Safari on iPhoneX to connect to the web to view the HTML page.
3. Move map to Taiwan area
4. Switch to 3D mode in portrait mode
5. And you will see the mismatched points.

**Expected behavior**
See the correct position of data overlay on map.

**Screenshots**
One is the portraint screenshot, the other is the landscape screenshot.

**Smartphone (please complete the following information):**
- Device: iPhoneX
- OS: iOS 13.3
- Browser: Safari


Start by serving the attached hexbin.html.txt and reproducing the mismatch in Safari on an iPhone X in portrait mode, then compare it with landscape mode. Trace the map's 3D data-overlay positioning and identify the relevant source and tests from there. Done means the overlay aligns correctly in both orientations.

Written by the indexing model from the issue text.