react-native-maps: Overlay: bounds prop set wrong position of an image

I have trouble with an image overlay.

Is this a bug report?

BUG

Have you read the Installation Instructions?

yes

Environment

{
 "react-native": "0.59.2",
 "react-native-maps": "0.23.0",
 "react": "16.8.3",
}

Simulator/iPhone 8 (AppleMaps)

Steps to Reproduce

Bounds example:

 const bounds = [
  [field.SouthLat, field.WestLon], 
  [field.NorthLat, field.EastLon]
 ]

Output:

[
  [-30.173081337,149.6555078531],
  [-30.1882609123,149.664137526]
]

Expected Behavior

There is the result in browser (leaflet.js) (for the same bounds) browser result

Actual Behavior

There is the result on iPhone 8 emulator: browser result

Reproducible Demo

Code:

...
<Overlay bounds={[[field.SouthLat, field.WestLon], [field.NorthLat, field.EastLon]]}
                                     image={{uri}}/>
...

About this issue

  • Original URL
  • State: closed
  • Created 5 years ago
  • Comments: 15 (3 by maintainers)

Most upvoted comments

@rborn and one more wired thing, when zoom the image overlay is cutting https://monosnap.com/file/MYrKy5ffX7LtqLJxqbVFyOuaa3AQLP