谷歌地圖 - 在同一頁上的2張地圖不起作用

但是，由於任何原因，只有第一個地圖似乎顯示。

我試過this主題沒有任何成功，因爲問題依然存在。

我的代碼現在看起來像這樣

function initialize() { 
      var myLatlng = new google.maps.LatLng(41.560655,-8.386545); 
      var myLatlng2 = new google.maps.LatLng(41.560655,-8.386545); 
      var mapOptions = { 
       zoom: 5, 
       center: myLatlng, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      } 
      var mapOptions2 = { 
       zoom: 8, 
       center: myLatlng2, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      } 
      var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 
      var map2 = new google.maps.Map(document.getElementById('room-canvas'), mapOptions2); 

}

和HTML

   <div class="g_12"> 
       <div class="widget_header"> 
        <h4 class="widget_header_title wwIcon i_16_valid">Distribuição Utilizadores</h4> 
       </div> 
       <div class="widget_contents noPadding" style="height:450px;"> 
        <div id="map-canvas"></div> 


       </div> 
      </div> 

      <div class="g_12"> 
       <div class="widget_header"> 
        <h4 class="widget_header_title wwIcon i_16_valid">Distribuição Salas</h4> 
       </div> 
       <div class="widget_contents noPadding" style="height:450px;"> 
        <div id="room-canvas"></div> 


       </div> 
      </div>

來源

2013-05-14 João Dias

IF地圖的DIV最初是不可見的，你必須在資料覈實直接適用高度風格。

如果不是這種情況，請提供2個地圖對象的控制檯日誌

來源

2013-05-14 11:24:37

救命小費！謝謝！ – 2013-05-14 11:48:03

谷歌地圖 - 在同一頁上的2張地圖不起作用

回答

相關問題