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样式

回答

相关问题