Rails 3 et cartes Google Incompatibilités v3 api

Question

J'ai une application rails 3.1 avec ce simple code dans la page d'accueil (fichier RHTML),

• Si je lance le même code dans un fichier HTML, il fonctionne .
• Si j'exécute cette application dans mon rail, elle ne fonctionne pas et Je ne reçois aucune sorte d'erreur en utilisant firebug.

En outre: J'ai jquery-rails gem. Quel pourrait être le problème?

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

    <script> 
    jQuery(document).ready(function() { 
     init(); 
    }); 
    </script> 

    <script type="text/javascript"> 
     function init() { 
     var latlng = new google.maps.LatLng(-34.397, 150.644); 
     var myOptions = { 
     zoom: 8, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
     } 
    </script> 

j'ai mon div:

<div id="home"> 
     <div style="width:100%;height:400px" id="map_canvas"></div> 
    </div> 

cette css:

#home #map_canvas { 
    width: 100%; 
    height: 400px; 
    position: relative; 
    left: 0px;  
} 

Answer 1

Sons comme un autre JS et/ou CSS qui est en conflit. PS: vous ne savez pas pourquoi vous spécifiez la largeur et la hauteur du style à la fois en ligne et dans une déclaration CSS. Seulement besoin d'un d'entre eux, mais pas de mal à dupliquer.