map.fitBounds (limiti) che causano il blocco del browser

Question

Ho un errore davvero strano che continua a causare il blocco del mio browser solo quando provo a ridimensionare una mappa per adattarla ai marcatori che ho inserito.

Il mio codice di ridimensionamento per riferimento:

function sizeMap() { 
      // create a new bounds object to define the new boundry 
      var bounds = new google.maps.LatLngBounds(); 
      // loop through each the string latlang values held in the latlng 
      // aray 
      for (var i = 0; i <latlngArray.length ; i++) { 
       // create a new LatLng object based on the string value 
       var tempLatLng = new google.maps.LatLng(latlngArray[i]); 
       // extend the latlng bounds based on the new location 
       bounds.extend(tempLatLng); 
      } 
      // map.fitBounds(bounds); <== everything seems to work fine until this line is uncommented 
     } 

Il problema è che non posso eseguire il debug correttamente utilizzando Firebug perché che congela a! Qualcuno ha qualche idea su quale potrebbe essere il problema?

Grazie in anticipo.

Aggiornamento:

In risposta alla puckheads in discussione il seguente codice mostra dove la matrice LatLng è popolato di iniziare con:

function geocodeAddress (address) { 

      var geocoder = new google.maps.Geocoder(); 
      geocoder.geocode({'address': address}, function(results, status) { 
       if (status == google.maps.GeocoderStatus.OK) { 
        loadMarker(results[0].geometry.location,"Info here",address); 
        latlngArray.push(results[0].geometry.location); <== latlngs are first added here they are as a result of a call to the google geocode service with a standard string address. 
       } else { 
        alert("Geocode was not successful for the following reason: " +" "+ status); 
       } 
      }); 
     } 

Answer 1

non si crea un nuovo LatLng da una stringa. Viene creato da 2 numeri, anche se sembra che funzionino anche 2 stringhe, una per la latitudine e una per la longitudine. Una stringa non funzionerà.

Quindi si può dire new google.maps.LatLng(-25.363882, 131.044922) o addirittura new google.maps.LatLng('-25.363882', '131.044922') ma non new google.maps.LatLng('-25.363882, 131.044922') Quindi è necessario passare 2 valori separati per nuova google.maps.LatLng ma sembra siete solo di passaggio uno.

http://code.google.com/apis/maps/documentation/javascript/reference.html#LatLng

Answer 2

Per quanto ne so, non è possibile creare un oggetto LatLng da un singolo parametro stringa. Se hai una stringa nel formato "lat, lng", quindi dividi le parti prima di creare l'oggetto LatLng. L'interno del vostro ciclo sarebbe simile a questa:

 var tempLatLng = latlngArray[i].split(','); 
     bounds.extend(new google.maps.LatLng(tempLatLng[0], tempLatLng[1])); 

Answer 3

Sulla base della sua codice aggiornato, non è necessario creare tempLatLng a tutti. La matrice contiene già oggetti LatLng così si dovrebbe essere in grado di dire bounds.extend(latlngArray[i]) nel ciclo for ...

Answer 4

Timer Usa:

var Timer=""; 
    $(window).resize(function() { 
     clearInterval(Timer); 
     run_timer(); 
    }); 
    function run_timer() { 
     Timer = setInterval(function(){sizeMap();}, 1500); 
    } 
    function sizeMap() { 
     clearInterval(Timer); 
     // create a new bounds object to define the new boundry 
     var bounds = new google.maps.LatLngBounds(); 
     // loop through each the string latlang values held in the latlng 
     // aray 
     for (var i = 0; i <latlngArray.length ; i++) { 
      // create a new LatLng object based on the string value 
      var tempLatLng = new google.maps.LatLng(latlngArray[i]); 
      // extend the latlng bounds based on the new location 
      bounds.extend(tempLatLng); 
     } 
     // map.fitBounds(bounds); <== everything seems to work fine until this line is uncommented 
    } 

Answer 5

Il problema è come altri hanno già detto, che si tenta di creare un LatLng oggetto con un altro oggetto LatLng come argomento. Accetta solo 2 o 3 argomenti, in cui i primi due sono numeri. https://developers.google.com/maps/documentation/javascript/reference#LatLng

Tuttavia è possibile saltare completamente la parte in cui si crea un nuovo oggetto LatLng e utilizzare quello corrente dall'array all'interno del ciclo.

questo risolve il problema: http://jsfiddle.net/y9ze8a1f/1/

function sizeMap() { 
    // create a new bounds object to define the new boundry 
    var bounds = new google.maps.LatLngBounds(); 
    // loop through each the string latlang values held in the latlng 
    // aray 
    for (var i = 0; i <latlngArray.length ; i++) { 
     // This is causing the issue, you can only create a LatLng with two separate latitude and longitude arguments 
     //var tempLatLng = new google.maps.LatLng(latlngArray[i]); 

     bounds.extend(latlngArray[i]); 
    } 
    map.fitBounds(bounds); 
} 

Se si vuole creare un nuovo LatLng basato su quello vecchio, però, si potrebbe fare che utilizzando i metodi LatLng lat() e lng()

http://jsfiddle.net/q7sh4put/

function sizeMap() { 
    // create a new bounds object to define the new boundry 
    var bounds = new google.maps.LatLngBounds(); 
    // loop through each the string latlang values held in the latlng 
    // aray 
    for (var i = 0; i <latlngArray.length ; i++) { 
     // create a new LatLng object based on the string value 
     var tempLatLng = new google.maps.LatLng(latlngArray[i].lat(), latlngArray[i].lng()); 

     // extend the latlng bounds based on the new location 
     bounds.extend(tempLatLng); 
    } 
    map.fitBounds(bounds); 
}