Javascript GoogleMaps API V3在IE中显示,但在FF中不工作

Javascript GoogleMaps API V3在IE中显示,但在FF中不工作,javascript,asp.net,google-maps-api-3,Javascript,Asp.net,Google Maps Api 3,我已经编写了代码,使用从数据库中获取的相关信息(地址、纬度、长度、描述等)在谷歌地图上动态显示多个标记。问题是谷歌地图在IE中运行良好,但在FF中无法显示 下面是显示谷歌地图和标记的代码 <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #dvMap { height: 100%; } </style> <script t

我已经编写了代码,使用从数据库中获取的相关信息(地址、纬度、长度、描述等)在谷歌地图上动态显示多个标记。问题是谷歌地图在IE中运行良好,但在FF中无法显示

下面是显示谷歌地图和标记的代码

<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #dvMap { height: 100%; }
</style>

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=myApiKey&sensor=false" > 
</script>


<script type="text/javascript">
    window.onload=function(){                  
        var mapOptions={                 
            center:new google.maps.LatLng(markers[0].lat,markers[0].lng),
            zoom:8,
            mapTypeId:google.maps.MapTypeId.ROADMAP        
        };
        var infoWindow=new google.maps.InfoWindow();
        var map=new google.maps.Map(document.getElementById("dvMap"),mapOptions);
        for(i=0;i<markers.length;i++){                
            var data=markers[i];
            var latlng=new google.maps.LatLng(data.lat,data.lng);
            var marker=new google.maps.Marker({
                position:latlng,
                map:map,
                title:data.title             
            });
            (function(marker,data){
                google.maps.event.addListener(marker,"click",function(e){
                    infoWindow.setContent(data.description);
                    infoWindow.open(map,marker);
                });                
            })(marker,data);
        } 
    }        
</script>

html{高度:100%}
正文{高度:100%;边距:0;填充:0}
#dvMap{高度:100%;}
window.onload=function(){
var mapOptions={
中心:新建google.maps.LatLng(标记[0].lat,标记[0].lng),
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var infoWindow=new google.maps.infoWindow();
var map=new google.maps.map(document.getElementById(“dvMap”)、mapOptions);

对于(i=0;i让我们首先在onload函数的末尾添加
google.maps.event.trigger(map,'resize');

另外,请注意,内联样式
宽度:50%;高度:50%
将覆盖页面顶部
中指定的样式


据我所知,您正在尝试创建一个全屏地图,如果我错了,请纠正我

您能提供一个JSFIDLE,演示问题吗?FF控制台中有错误吗?对不起,我不明白您的意思。您说的JSFIDLE是什么意思?-在这里创建一个演示,显示您遇到的问题。或者为我们提供一个指向实际问题的链接webpage@Circadian控制台中没有错误。事实上,当我使用firebug检查时,我正在获取div中的内容。但不幸的是,div没有显示。是的,我正在创建尝试创建全屏mapI。我尝试将代码放在onload函数的末尾,但它不起作用
<form id="form1" runat="server">
    <div id="dvMap" style="width:50%; height:50%;"></div>     
    <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
</form>