How to handle multiple markers on Google Maps with same location? How to handle multiple markers on Google Maps with same location? android android

How to handle multiple markers on Google Maps with same location?


Workaround I used is to display markers with same location little bit apart on map so that user gets a slight idea of multiple marker.

I keep track of markers on map and their locations on map, and whenever I want to add a marker on map I make sure that no other marker is displayed on same location. If yes, then I add an offset to location of new marker that I want to add.

static final float COORDINATE_OFFSET = 0.00002f; // You can change this value according to your need

Below method returns the location that has to be used for new marker. This method takes as parameters new marker's current latitude and longitude.

// Check if any marker is displayed on given coordinate. If yes then decide// another appropriate coordinate to display this marker. It returns an// array with latitude(at index 0) and longitude(at index 1).private String[] coordinateForMarker(float latitude, float longitude) {    String[] location = new String[2];    for (int i = 0; i <= MAX_NUMBER_OF_MARKERS; i++) {        if (mapAlreadyHasMarkerForLocation((latitude + i                * COORDINATE_OFFSET)                + "," + (longitude + i * COORDINATE_OFFSET))) {            // If i = 0 then below if condition is same as upper one. Hence, no need to execute below if condition.            if (i == 0)                continue;            if (mapAlreadyHasMarkerForLocation((latitude - i                    * COORDINATE_OFFSET)                    + "," + (longitude - i * COORDINATE_OFFSET))) {                continue;            } else {                location[0] = latitude - (i * COORDINATE_OFFSET) + "";                location[1] = longitude - (i * COORDINATE_OFFSET) + "";                break;            }        } else {            location[0] = latitude + (i * COORDINATE_OFFSET) + "";            location[1] = longitude + (i * COORDINATE_OFFSET) + "";            break;        }    }    return location;}// Return whether marker with same location is already on mapprivate boolean mapAlreadyHasMarkerForLocation(String location) {    return (markerLocation.containsValue(location));}

In above code, markerLocation is a HashMap.

HashMap<String, String> markerLocation;    // HashMap of marker identifier and its location as a string

This answer has code for android but same logic applies in iOS.


Maybe you should take a look at marker clustering. It's a common solution for showing a lot of markers on the same place.Google article about it: https://developers.google.com/maps/articles/toomanymarkers

There are also existing libraries to do this, e.g.:


You could handle the click event of the (single) marker, and use it to update an element that sits outside of the Google Map canvas with the details about the people at that marker.