[Google Maps Mobile] Marker is overlapping

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?

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

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

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.


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