流体宽度谷歌地图

时间:2013-05-11 21:21:40

标签: html css

On my page here我有一个地图网址,但无法指定所需的流量宽度“尺寸”:

      <div class="small-map"><img src="http://maps.google.com/maps/api/staticmap?center=<%=server.URLEncode(""&rsAdvert("ContactPostcode"))%>&zoom=14&size=100x100&maptype=roadmap&markers=color:ORANGE|label:A|<%=server.URLEncode(""&rsAdvert("ContactPostcode"))%>&sensor=false"></div>

如果有人可以通过给它一个流体宽度和130px的固定高度来帮助我适应父容器,那就太好了。此外,如果有人知道如何删除黑色的“地图数据”部分(甚至更改css中的颜色)。

1 个答案:

答案 0 :(得分:3)

演示:jsFiddle

<img/>

中删除<div class="small-map"><img.../></div>代码

将此添加到您的css:

.small-map{
background: url(http://maps.google.com/maps/api/staticmap?center=CM13+2AA&zoom=14&size=250x250&maptype=roadmap&markers=color:ORANGE|label:A|CM13+2AA&sensor=false) center no-repeat;
height: 130px;
}