我的谷歌地图的宽度和高度非常小。我需要400px的宽度和高度。但我得到256px。 map_canvas div具有400px的宽度和高度。如何更改Google地图的宽度和高度。请帮帮我。我如何调整谷歌地图的宽度和高度
<form id="overlay_form" style="display:none" style="width:500px;height:500px;">
<img src="<?php echo base_url();?>img/x.png" id="close"/>
<div id="map_canvas" style="width:100%; height:100%;"></div>
</form>
<script type="text/javascript">
$(document).ready(function(){
$(".popup").click(function(){
$("#overlay_form").fadeIn(1000);
positionPopup();
});
$("#close").click(function(){
$("#overlay_form").fadeOut(1000);
});
});
function positionPopup(){
if(!$("#overlay_form").is(':visible')){
return;
}
$("#overlay_form").css({
left: ($(window).width() - $('#overlay_form').width())/2,
top: ($(window).width() - $('#overlay_form').width())/7,
position:'absolute'
});
}
$(window).bind('resize',positionPopup);
</script>
不能更改'map_canvas' CSS? AFAIK你可以在css中为map_canvas设置高度和宽度。 –
Google地图在弹出窗口中显示,其宽度和高度为500px; – user3595293
请张贴该弹出窗口的代码以及您如何与CSS一起显示。 –