Google Maps - Anzeige ein - /ausblenden Markierung onclick

Problem:
Ich habe eine Google-Karte.
In meiner init() Methode, die ich alle Markierungen, um seine lon/lat.
Jetzt möchte ich einige Checkboxen auf meiner Seite.
In meiner Karte habe ich mehrere Marker für Eis, einen Spielplatz und eine Tankstelle.
Jetzt, klicken Sie auf die checkbox für Spielplatz-ich will, um alle Spielplatz-Marker. Zum deaktivieren der Checkbox, die ich ausblenden möchten alle Spielplatz-Marker.
Das gleiche für die anderen Marken.
Ich habe meine Checkboxen und geschrieben, eine onclick-Funktion für Sie:

function show_poi_in_map(input_id){
    var select_id = input_id;
    var var_name = $('#' + select_id).attr('checked')?1:0;
    if (var_name == 1) {
        alert('checked');
    }else{
        alert('not checked')
    }
}

Aber wie geht es jetzt weiter mit ihm?
Ich bin mit jQuery. Vielleicht wird dies helfen.

InformationsquelleAutor Newbie | 2009-11-13
  1. 2
    google.maps.event.addListener(map, 'click', function(event) {
  addMarker(event.latLng);
});
function addMarker(location) {
  marker = new google.maps.Marker({
    position: location,
    map: map,
    draggable: true,
    visible: true
  });
  google.maps.event.addListener(marker, 'click', function(event) {
    this.setMap(null);
  });
}
    InformationsquelleAutor Fane
  2. 0

    Ich weiß es zu spät ist. Aber für die zukünftige Verwendung.

    Habe ich implementiert die gleiche

    Definierte ich zwei Checkboxen

    <body>
<input type="checkbox" id="icecream" onclick="boxclick(this,'icecream')" >IceCream
<input type="checkbox" id="playground" onclick="boxclick(this,'playground')" >PlayGround
</body>

    In 

    function boxclick(box,category) {
   if (box.checked)
   {
        showMarkers(category);  
   } 
   else 
   {
         hideMarkers(category);
   }
}   

function showMarkers(category)
{
    if(category=='icecream')
    {
        for(var i=0;i<icecream.length;i++)
        {   
            icecream[i].setVisible(true);
         }
     }
     if(category=='playground')
     {
        for(var i=0;i<playground.length;i++)
        {   
            playground[i].setVisible(true);
         }
     }
 }

    Ähnliche Funktion für HideMarkers,
    Legen Sie einfach setVisible-Methode(false) anstelle der setVisible-Methode(true)

    InformationsquelleAutor Priyanka Chavan
Schreibe einen Kommentar