Google maps 快速调整谷歌地图?

Google maps 快速调整谷歌地图?,google-maps,autoresize,Google Maps,Autoresize,我在我的网站上设置了一个地图,它不会根据屏幕分辨率调整大小。我对网页设计完全陌生,需要知道如何调整它的大小。谢谢各位 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <div style="overflow:hidden;height:300px;width:380px;"> <div id="gmap_canva

我在我的网站上设置了一个地图,它不会根据屏幕分辨率调整大小。我对网页设计完全陌生,需要知道如何调整它的大小。谢谢各位

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<div style="overflow:hidden;height:300px;width:380px;">
<div id="gmap_canvas" style="height:300px;width:380px;"></div>

<style>
#gmap_canvas img{
max-width:none!important;
background:none!important
}
</style>

<a class="google-map-code" href="http://www.mapsembed.com/baur/" id="get-map-data">mapsembed.com</a>
</div>

<script type="text/javascript">

function init_map(){
  var myOptions={
    zoom:16,
    center:new google.maps.LatLng(51.4105461,-3.4874177),
    mapTypeId:google.maps.MapTypeId.ROADMAP
  };
  map=new google.maps.Map(document.getElementById("gmap_canvas"),myOptions);
  marker=new google.maps.Marker({
    map:map,
    position:new google.maps.LatLng(51.4084782,-3.4836197)
  });
  infowindow=new google.maps.InfoWindow({
    content: "<b>Nina Davies Opticians</b><br/>6 Barons Close House<br/>Llantwit Major | CF62 4NR"
  });
  google.maps.event.addListener(marker,"click",function(){
    infowindow.open(map, marker);
  });
}
google.maps.event.addDomListener(window,'load',init_map);

</script>

#gmap_帆布img{
最大宽度:无!重要;
背景:没有!重要
}
函数init_map(){
变异性肌肽={
缩放:16,
中心:新google.maps.LatLng(51.4105461,-3.4874177),
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map(document.getElementById(“gmap_画布”),myOptions);
marker=新的google.maps.marker({
地图:地图,
位置:新google.maps.LatLng(51.4084782,-3.4836197)
});
infowindow=新建google.maps.infowindow({
内容:“尼娜·戴维斯眼镜商
6名男爵关房
兰特大街| CF62 4NR” }); google.maps.event.addListener(标记“单击”,函数(){ 信息窗口。打开(地图、标记); }); } google.maps.event.addDomListener(窗口,'load',初始化映射);
将gmap_画布的宽度设置为100%

CSS:

HTML:



请正确缩进代码。你在请求真人的帮助,而不是文本解析机器人。另外,请更具体地说明你尝试了什么以及为什么不起作用。对不起,伙计。对这一点很陌生,但复制/粘贴到记事本中真的有那么难吗?没有,但如果你期望那些仍然愿意阅读和回答你问题的忙碌的人能够适应,那就浪费了每个人的时间。正确的格式设置是如此简单,期待它并非不合理。如果你在寻求帮助,尽量让人们容易地帮助你。请不要把它当成个人的事情;这个网站是关于教人的,我试图教你如何写一个更好的问题。最后我自己解决了,但这基本上就是我所做的-谢谢!
#gmap_canvas { width:100%; height:100%; }
<div id="gmap_canvas"></div>