map.fitBounds（bounds）導致瀏覽器凍結

Question

我有一個非常奇怪的錯誤，當我嘗試調整地圖大小以適應放置在其上的標記時，導致瀏覽器凍結。

參考我的大小調整代碼：

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 
     } 

問題是我不能正確地調試它使用Firebug，因爲凍結到了！ 任何人對這個問題可能有什麼想法？

在此先感謝。

更新：

在回答puckheads質疑下面的代碼顯示了經緯度陣列填充入手：

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

你不從字符串創建一個新的經緯度。它由2個數字創建，儘管它看起來2個字符串也可以工作，一個用於緯度，另一個用於經度。一個字符串不起作用。

因此可以這樣說new google.maps.LatLng(-25.363882, 131.044922)甚至new google.maps.LatLng('-25.363882', '131.044922')但不new google.maps.LatLng('-25.363882, 131.044922') 所以你需要通過2個獨立的價值新google.maps.LatLng但似乎你只傳遞一個。

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

Answer 2

據我所知，你不能創建從一個單一字符串參數的LatLng對象。如果你有一個形式爲「lat，lng」的字符串，那麼在創建LatLng對象之前將它們分開。循環內部看起來像這樣：

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

Answer 3

根據您更新的代碼，您根本不需要創建tempLatLng。你的數組中已經包含經緯度的對象，所以你應該可以說，在for循環bounds.extend(latlngArray[i]) ...

Answer 4

使用定時器：

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

的問題是其他人所說的，你嘗試創建一個經緯度以另一個LatLng對象作爲參數的對象。它只接受2或3個參數，其中前兩個是數字。 https://developers.google.com/maps/documentation/javascript/reference#LatLng

但是，您完全可以跳過創建新LatLng對象的部分，並使用循環內數組中的當前一個。

這解決了這個問題：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); 
} 

如果您想基於舊創建一個新的經緯度，雖然，你可以做到這一點通過經緯度方法lat()和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); 
}