多个地图不适用于谷歌地图

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不同的地图在同一页面上工作正常。