2012-04-03 7 views
1

Ich brauche irgendeine Art von Fortschrittsbalken oder Rad etc, weil ich viele Marker habe und es einige Zeit braucht, um alle von ihnen zu laden. Ich würde gerne ein animiertes Bild wie Laden oder Rad etc als Hintergrund zum Karten-Canvas verwenden, um den Fortschritt zu zeigen. Ich muss testen, ob alle Marker geladen wurden..wie mache ich das? Wenn ich das kann, kann ich Kartenhintergrund als das Fortschrittsbalkensymbol haben, bis alle Markierungen geladen sind und wenn sie dann alle geladen sind, verstecken Sie das Fortschrittsbalkensymbol oder whe? Ist das überhaupt eine gute Idee?Wie testen, ob alle Marker in Google Map geladen wurden?

var geocoder; 
      var map; 
      function initialize() { 
      geocoder = new google.maps.Geocoder(); 
      var latlng = new google.maps.LatLng(42.095287, -79.3185139); 
      var myOptions = { 
       maxZoom: 14, 
       zoom: 9, 
       center: latlng, 
       mapTypeId: google.maps.MapTypeId.ROADMAP, 
      }; 
      map = new google.maps.Map(document.getElementById("map_canvas"), 
       myOptions); 
      createOverlay(); 
      } 

     function codeAddress() { 
      var infowindow = new google.maps.InfoWindow({}); 
      $('.LocationAddress').each(function() { 
       var addy = $(this).text(); 
       geocoder.geocode({ 'address': addy}, function(results, status) { 
        if (status == google.maps.GeocoderStatus.OK) { 
          map.setCenter(results[0].geometry.location); 
          var marker = new google.maps.Marker({ 
          position: results[0].geometry.location, 
          map: map,    
          title:addy, 
         }); 

        //Adding a click event to the marker 
        google.maps.event.addListener(marker, 'click', function() { 
         infowindow.setContent('<div id=\"infowindow\" style=" height:100px;>' 
               +'<div id=\"LeftInfo\">'+ "Hello World!" 
               +'</div>'+'</div>'); 
         infowindow.open(map, this); 
        }); 
       } 
       });//Geocoder END 

      }); 
     } 

Antwort

1

können Sie möchten die Kontrolle, Code und Beispiele für eine Google Maps API V3 Progress Bar konsultieren. Es scheint zu tun, was Sie wollen, obwohl Sie möglicherweise eine zusätzliche Komplexität haben, da Sie Leute ihre eigenen Adresse Punkte für die Marker eingeben lassen.