2016-03-10 70 views
-1

我有jQuery手風琴有兩個面板。在他們每個人身邊,我想顯示谷歌地圖與GPS位置。只有第一個,它顯示正確,第二個是顯示標記與空谷歌地圖。請幫幫我。提前致謝。 show google map incorrect.this is proper showing谷歌地圖不能顯示在jQuery手風琴正確

  for (var k=0;k<count;k++) 
 
     { 
 
      var map_object = document.getElementById("map_canvas_"+array_merchants[k]); 
 
      var mapCanvas = new google.maps.Map(map_object); 
 
      var mapCenter = new google.maps.LatLng(geoCenter_lat,geoCenter_long); 
 
      mapCanvas.setCenter(mapCenter); 
 
      mapCanvas.setZoom(16); 
 
      mapCanvas.setMapTypeId(google.maps.MapTypeId.ROADMAP); 
 

 
      var initPos = new google.maps.LatLng(lats[k],longs[k]); 
 
      var infoWnd = new google.maps.InfoWindow({ 
 
       content : "United", 
 
       maxWidth: 100 
 
       }); 
 
      var marker = new google.maps.Marker({ 
 
       position : initPos, 
 
       map : mapCanvas, 
 
       clickable : true 
 
       }); 
 
      infoWnd.open(null, marker);    
 
     }

+0

我有一個類似的問題,解決這個問題,我把infowondow內部的一個div並聲明它的高度。 這不是最好的解決方案,但可以解決它。 –

+0

這是製表符的常見問題,請搜索重複。如果您找不到重複項,請提供證明此問題的[最小,完整,測試和可讀示例](http://stackoverflow.com/help/mcve)。 – geocodezip

+0

你能告訴我你的soloution的例子嗎?費爾南多· – Steven

回答

0

像這樣的東西應該工作:

<div id='content'> 
    <h1 id='firstHeading'>Title</h1> 
    <div id='bodyContent'> 
     <p><b>Title2:</b> description </p> 
    </div> 
</div> 

和CSS這樣的:

.content { 
     padding: 10px 20px; 
    } 

    #firstHeading { 
     margin: 5px; 
    } 

    #bodyContent { 
     padding: 10px 20px; 
    } 

     #bodyContent p { 
      padding: 5px; 
     }