IE9嵌入谷歌地图崩溃

我需要帮助。我在宽度=“100％”和高度=“100％”的页面中嵌入了Google地图。一切正常，除了使用IE9时，它崩溃。任何解决方案IE9嵌入谷歌地图崩溃

我感谢您的帮助。

2011-09-14 Jimcale

下面是谷歌一个sample map创建一整页的地图，在IE9正常工作：

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Google Maps JavaScript API v3 Example: Map Simple</title> 
    <meta name="viewport" 
     content="width=device-width, initial-scale=1.0, user-scalable=no"> 
    <meta charset="UTF-8"> 
    <style type="text/css"> 
     html, body, #map_canvas { 
     margin: 0; 
     padding: 0; 
     height: 100%; 
     } 
    </style> 
    <script type="text/javascript" 
     src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
    <script type="text/javascript"> 
     var map; 
     function initialize() { 
     var myOptions = { 
      zoom: 8, 
      center: new google.maps.LatLng(-34.397, 150.644), 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     map = new google.maps.Map(document.getElementById('map_canvas'), 
      myOptions); 
     } 

     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <div id="map_canvas"></div> 
    </body> 
</html>

尝试与视口meta标签设置宽度，并确保HTML体和地图DIV是全部设置为100％高度和0边距/填充。

来源

2011-09-14 14:10:18

嗨bweaver，感谢您的答案。我试图在页面中嵌入方向地图，我的知识并不高。有没有简单的方法来实现这一目标？关于 – Jimcale

Google有很多关于其API的示例：http://code.google.com/apis/maps/documentation/javascript/examples/找到您想要的，然后查看源代码。 directions-simple.html应该可以帮助你。 –

IE9嵌入谷歌地图崩溃

回答

相关问题