react-google-maps-api icon indicating copy to clipboard operation
react-google-maps-api copied to clipboard

Multiple markers and their labels are overlapping when they have exact same location

Open gudapraveenkumar opened this issue 4 years ago • 3 comments

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.

gudapraveenkumar avatar May 20 '20 20:05 gudapraveenkumar

Did you ever figure this out? Having the same issue here.

hangryfabian avatar Dec 10 '21 23:12 hangryfabian

I have the same problem and the only existing solution seems to be OverlappingMarkerSpiderfier, where I could not make it work anyway.

AmirHMousavi avatar Mar 18 '22 18:03 AmirHMousavi

Is there any update on this? @gudapraveenkumar @AmirHMousavi

Sadman211 avatar Aug 02 '23 12:08 Sadman211