多個地圖不適用於谷歌地圖

Question

我有一些jquery（下）與創建窗口負載多個地圖。然而，地圖有一些奇怪的行爲，但沒有錯誤。

問題是當地圖加載時，即使設置了多個不同的lng和lats，它們在地圖上的位置都相同。

以下是創建地圖和其中一個地圖框的示例html的代碼。

奇怪的是，地圖有相同的位置，但沒有錯誤。有沒有人以前經歷過這個，或知道它爲什麼會發生。

乾杯。

JS：（假設這是onloand叫和一些空白的全局陣列設置。）一個地圖

var maps_boxes = { 
    initialise: function() { 
     $('.a_map').each(function(index) { 
      var map_box = $(this); 
      var map_id = map_box.find('.the_map').attr('id'); 
      var lat = map_box.find('.lat').val(); 
      var lng = map_box.find('.lat').val(); 

      lat_lngs[index] = new google.maps.LatLng(lat,lng);   

      options[index] = { 
       zoom: 4, 
       center: lat_lngs[index], 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 

      maps[index] = new google.maps.Map(document.getElementById(map_id), options[index]); 

     }); 
    } 
}; 

樣本HTML：

<div class="a_map"> 
    <form class="map_data" > 
    lng:<input class="lng" type="text" value="0" /><br /> 
    lat:<input class="lat" type="text" value="10" /> 
    </form> 
    <div id="map_xxxxx" class="the_map" ></div> 
</div> 

Answer 1

如果您正在使用您發佈相同的代碼，你得到的經緯度都是相同的值：

var lat = map_box.find('.lat').val(); 
    var lng = map_box.find('.lat').val(); 

我試着初始化2 di不同的地圖在同一頁面上工作正常。