2011-09-14 14 views
0

私はこれに助けが必要です。私は幅= "100%"と高さ= "100%"のページに埋め込まれたGoogleマップを埋め込んだ。 IE9を使用する場合を除いてすべて正常に動作しますが、クラッシュします。どんな解決策ですか?IE9がGoogleマップの埋め込みでクラッシュする

ご協力いただきありがとうございます。ここで

答えて

1

はIE9で正常に動作し、フルページマップを作成し、Googleからのsample mapです:

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

は、ビューポートメタタグで幅を設定してみてください、とhtml本体とマップのdivがあることを確認してくださいすべて100%の高さと0のマージン/パディングに設定されています。

+0

こんにちは。私はページに方向マップを埋め込もうとしており、私の知識はこれでは高くありません。これを達成する簡単な方法はありますか?あなたのAPIには数多くの例があります:http://code.google.com/apis/maps/documentation/javascript/examples/希望するものを見つけて、ソースを表示してください。 – Jimcale

+0

directions-simple.htmlはあなたを助けます。 –

関連する問題