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中的颜色)。
答案 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;
}