html - 流体宽度谷歌地图

Question

在我的页面上，我有一个地图网址，但无法指定所需的流体宽度“大小”：

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

如果有人可以通过给它一个流动的宽度和 130 像素的固定高度来帮助我适应父容器，那就太好了。另外，如果有人知道如何删除黑色的“地图数据”部分（甚至更改 CSS 中的颜色）。

Answer 1

演示：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;
}