Frage

ich die tatsächliche Google bin mit Google Maps API v3. In meiner Karte habe ich einige Markierungen. Für meine markes Anzeigen, verwende ich die MarkerManager.js.

Jede Markierung hat ein Attribut "type" (eine Zahl zwischen 1 und 5).

Auf meiner Seite habe ich einige Radiobuttons.

 <input type="radio" name="display_marker" value="0" checked> All
 <input type="radio" name="display_marker" value="1" checked> 1
 <input type="radio" name="display_marker" value="2" checked> 2
 <input type="radio" name="display_marker" value="3" checked> 3
 <input type="radio" name="display_marker" value="4" checked> 4
 <input type="radio" name="display_marker" value="5" checked> 5

Einen Wert Auswahl = 0, ich will alle Marker zeigen. Auswählen Wert = 1, mag ich nur den Marker, deren Art zeigen, beeing 1 und so weiter.

Wenn mein markermanager Array erstellen ich folgendes:

$(document).ready(function(){

    var latlng = new google.maps.LatLng(48.135789, 11.579075);
    var mapOptions = {
        zoom: 11,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    map = new google.maps.Map(document.getElementById('map'), mapOptions);

    var listener = google.maps.event.addListener(map, 'bounds_changed', function(){
        setupMarkers();
        google.maps.event.removeListener(listener);
    });

});



        function setupMarkers(){
            mgr = new MarkerManager(map);

            var mc = myobject.length;
            google.maps.event.addListener(mgr, 'loaded', function(){
                mgr.addMarkers(createMarkers(mc), 11);
                mgr.refresh();
            });
        }


        function createMarkers(nn){
            var batch = [];

            for(var ii = 0; ii < nn; ii++){

                var marker = new google.maps.Marker({
                    position: getLatLng(ii),
                    title: "marker " + ii,
                    type: getType(ii),
                });

                google.maps.event.addListener(marker, 'click', function(){
                    alert("title:" + this.title + "\ntype: " + this.type);
                });

                batch.push(marker);
            }
            return batch;
        }

Was muss ich in meinem show_marker (val) Funktion tun?

$("#myid input").click(function(){
  show_marker($(this).attr('value'));
});

function show_marker(val){

}
War es hilfreich?

Lösung

fixed ich das Problem, mehrere Marker-Manager verwenden. Alle Marker mit type = 1 Gehe zu manager1, alle Marker mit type = 2 Gehe zu Manager2 und so weiter.

Jetzt kann ich alle markermanages zeigen und zeigen / verstecken sie Onclick (managerX.hide ())

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top