41
Views
4
Comments
[Google Maps Mobile] Marker is overlapping
Question

Hi Guys,

I'm using reactive web and have implemented the google maps mobile in it. I have my list of map markers with their respective coordinates but somehow the markers overlap. Is there any way to configure the property of the marker?

2020-09-21 08-42-47
Vincent Koning

How do you want it to look like? Currently I think that the marker droplet in on a different z-axis then the text. This z-axis is for both markers the same. Do you want to have the individual marker (droplet and text) in totally different z-axis from each other? 

In your case I would rather use cluster markers for marker so close to each other. This gives a much better experience: https://developers.google.com/maps/documentation/javascript/marker-clustering

2021-04-20 14-24-55
John Vincent Quizon

Vincent Koning wrote:

How do you want it to look like? Currently I think that the marker droplet in on a different z-axis then the text. This z-axis is for both markers the same. Do you want to have the individual marker (droplet and text) in totally different z-axis from each other? 

In your case I would rather use cluster markers for marker so close to each other. This gives a much better experience: https://developers.google.com/maps/documentation/javascript/marker-clustering

For the look, i would like the text label to be inside the marker. what happens is for an unknown reason the z-index I set is being ignored.


2021-07-14 09-27-33
Luís Cardoso

Hello Vicent,

You can also try this component form forge to use the MarkerClusterer feature:

https://www.outsystems.com/forge/component-overview/2973/google-maps-mobile-addon


Hope it helps!

BR,

Luis

2021-04-20 14-24-55
John Vincent Quizon

Luís Cardoso wrote:

Hello Vicent,

You can also try this component form forge to use the MarkerClusterer feature:

https://www.outsystems.com/forge/component-overview/2973/google-maps-mobile-addon


Hope it helps!

BR,

Luis

Thanks! i'll check on it and see if it will work


Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.