Google Maps Marker gruppieren?
restip
- javascript
Hallo!
Ich spiele gerade ein wenig mit der API von google maps.
Folgendes Szenario:
Ich habe auf meiner Karte ein paar Marker.
Es gibt Marker für Spielplätze, Marker für Eisdielen und Marker für Fahrradläden (oder was weiß ist - ist ja jetzt egal).
Nun will ich unter meiner Map, in diesem Fall 3 Checkboxen haben, mit welchen ich die Marker anzeigen/ausblenden kann.
Wenn ich die Checkbox für Spielplätze aktiviere werden die Spielplätze anzezeigt bzw. beim deaktivieren der Checkbox ausgeblendet. Wenn ich zusätzlich zu den Spielplätzen noch die Eisdielen aktiviere werden diese ebenfalls angezeigt.
Bisher habe ich die Marker in meiner init Methode in die Karte geschrieben und für meine Checkboxen eine onclick Funktion geschrieben.
function show_marker(checkbox_id){
var cb = $('#' + checkbox_id).attr('checked')?1:0;
if (cb == 1) {
alert('checked');
}else{
alert('not checked')
}
}
Das funktioniert bisher schon. Also die Abfrage nach checked/unchecked.
Doch wie verberge ich die Marker nun, bzw zeige sie an?
Hallo!
du musst die zu der Karte hinzugefuegten Markierungen einfach innerhalb deines Scriptes cachen.
Dort kannst du einfach ein mehrdimensioanles Array anlegen, welches fuer jeden Markertypen die Liste der angefuegten Markierungen behaelt.
Hinzufuegen geht wie folgt:
// Create new Marker-Instance
var marker = new GMarker(args.latlng, opts);
// Finally add the Marker to the Map
map.addOverlay(marker);
Und zum Entfernen das dieses hier:
// Remove from the Map
map.removeOverlay( marker );
MfG
Peter