Google MAPS不尊重DIV CSS樣式

所以我有一個名爲dgmap的div，我將其放到我的谷歌地圖中。我遇到的問題是，當我顯示地圖時，它超出了我在CSS中指定的大小。僅供參考我的目標是設備寬度爲480px的HTC evo。所以寬度應該是44px。 ??有任何想法嗎？Google MAPS不尊重DIV CSS樣式

#dgmap { 
float:none; 
width: 98%; 
height: 300px; 
} 
@media only screen and (max-width: 480px) 
{ 
#dgmap{ 
float: none; 
width: 44px; 
height: 250px;  

} 
}

來源

2012-10-17 Joel Johnson

對於Google地圖來說，44px聽起來太小了，可能太小了。你用什麼代碼來初始化地圖？您確定該規則適用於瀏覽器嗎？ –

您是否嘗試過包括!important標籤寬度像這樣：

width: 44px !important;

來源

2012-10-17 19:09:10

谷歌地圖提供了代碼的iframe，如：

<iframe width="250" height="250" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=FRCUIAIduoZTCCnnVy7whxtdYDGJG1cii2EBLg%3BFYBHIQIdCrpTCCkfVrpup5IYYDF4sncnN-BKPQ&amp;q=tokyo+to+toshima+ku+ikebukuro+3-30-15.&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=34.122306,86.572266&amp;ie=UTF8&amp;t=m&amp;start=0&amp;ll=35.724496,139.70541&amp;spn=0.041808,0.051498&amp;z=13&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=FRCUIAIduoZTCCnnVy7whxtdYDGJG1cii2EBLg%3BFYBHIQIdCrpTCCkfVrpup5IYYDF4sncnN-BKPQ&amp;q=tokyo+to+toshima+ku+ikebukuro+3-30-15.&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=34.122306,86.572266&amp;ie=UTF8&amp;t=m&amp;start=0&amp;ll=35.724496,139.70541&amp;spn=0.041808,0.051498&amp;z=13" style="color:#015492;text-align:left; font-size:10px; font-weight:bold; float:right;">VIEW LARGER MAP</a></small>

你必須指定大小iframe中的地圖。

來源

2012-10-17 20:05:35

隱藏在div直到然後根據需要顯示它調用google.maps.event.trigger（地圖，「調整」）

希望這有助於！

來源

2012-10-17 20:09:45 felipekm

Google MAPS不尊重DIV CSS樣式

回答

相關問題