Question

我已经编写了代码，可以使用从数据库中获取的相关信息（地址，纬度，长度，描述等）在谷歌地图上动态显示多个标记。问题是谷歌地图在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>

这是我的aspx页面

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

Answer 1

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

另请注意，您的内嵌样式width:50%; height:50%将覆盖页面顶部<style>中指定的样式。

根据我的理解，您正在尝试制作全屏地图，如果我错了，请纠正我

GoogleMaps API V3在IE中显示但在FF中不起作用

1 个答案: