How to remove specific markers from a Googlemap

Question

So, this app works like this: the user inserts a journey that goes from point C (collection) to point E (delivery).

These points are shown on the map, in the form of markers, as in the figure below.

Now I need to remove the markers by clicking on X.

The general concept is like this: I will make a list containing (String ID, Marker labelDe, Marker labelPara) and each new marker adds a line to this list in the addMarker method().

Dai, the removeMarker(String ID) method will retrieve the markers relative to the ID and remove them from the map when the user deletes the journey.

My research indicated several possible approaches. Could create a class, a list, a hashmap, etc.

I would like opinions on how best to do this and if possible, code examples.

Note that the addition of markers already works and the removal of the record also. And just at this time I will call the removeMarker method().

I think the question can be summarized in: What is the best way to create a list with types String, Marker, Marker?

Answer 1

The solution was thus.

In the delete button (X) Listener of the recyclerView adapter, we delete the record and then call the method in Mainactivity:

holder.ivDelete.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            ...
            ...  
            runDbHelper.deleteRow(runId);
            ((MainActivity) v.getContext()).removeMarkersFromMap(runId);
            ...
            ... 
        }
    });

The removal method in Mainactivity, receives the ID and passes to the fragment:

public  void removeMarkersFromMap(String ID) {
    if (ID != null) {
        FragmentManager fragmentManager = getSupportFragmentManager();
        MarkersFragment mFragment = null;
        if (getResources().getConfiguration().orientation == ORIENTATION_LANDSCAPE) {
            mFragment = (MarkersFragment) fragmentManager.findFragmentById(R.id.markersMapPanel);
        } else if (getResources().getConfiguration().orientation == ORIENTATION_PORTRAIT) {
            mFragment = (MarkersFragment) fragmentManager.findFragmentById(R.id.viewpager);
        }
        if (mFragment != null) {
            mFragment.removeMarkers(ID);
        }
    }

}

This in turn executes the method on the map fragment that excludes the marker(s)).

public void removeMarkers(String id){

    MarkersPair markersPair = markersPairHashMap.get(id);
    if(markersPair != null){
        if(markersPair.collect != null) {
            markersPair.collect.remove();
        }
        if(markersPair.delivery != null) {
            markersPair.delivery.remove();
        }
    }
}

and, finita la comedia!

Answer 2

I have a screen that displays some points on a map; according to the user’s action it is necessary to update this map by hiding/displaying some markers. What we did was keep the dots already loaded and control these actions in the javascript.

var marcadores = {}; //seria array de [ID] -> marcadores

...
function LimparMarcadores () {
    for (var i = 0; i < marcadores[id].length; i++) {
        if (marcadores[id][i] != "0")
            marcadores[id][i].setMap(null);
    }

    marcadores[id] = [];
}