react-google-maps-api
react-google-maps-api copied to clipboard
Multiple markers and their labels are overlapping when they have exact same location
Explanation
I have a map in which I want to show the markers of the flats located inside one apartment. Since all the flats are located in same location their coordinates are same. And now I would like to show multiple markers on the map and the flat type (1BHK, 2BHK, 2BHK) labels on each marker.
Your Environment
os: mac
node --version 12.14.1
react version 16.12.0
webpack version
@babel version
@react-google-maps/api version 1.8.3
How is it behave?
The problem is when I'm trying to show multiple markers they are getting overlapped and only marker is show and the labels are also overlapped one above the other.
How should it behave correctly?
Should have some margin between each marker or label when multiple markers have exact location. Or https://github.com/jawj/OverlappingMarkerSpiderfier this kind of functionality.
Did you ever figure this out? Having the same issue here.
I have the same problem and the only existing solution seems to be OverlappingMarkerSpiderfier, where I could not make it work anyway.
Is there any update on this? @gudapraveenkumar @AmirHMousavi