Ruby on rails 3 Rails 3和Google maps api v3不兼容

我有一个rails 3.1应用程序，在主页（rhtml文件）中有这个简单的代码

• 如果我在html文件中运行相同的代码，它就会工作
• 如果我在我的rails应用程序中运行它，它不会并且我不会在使用firebug时收到任何类型的错误

另外：我有jquery rails gem。 有什么问题吗

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

---

听起来像是其他一些相互冲突的JS和/或CSS

---

PS：不确定为什么要在内联和CSS声明中指定样式宽度和高度。只需要其中一个，尽管复制也无妨。

其他信息：我看到地图一会儿就不见了。我想邓肯是对的。发生的事情是，由于CSS，另一个div正在覆盖它（这就是为什么您看到它出现然后消失）。暂时从CSS文件中删除#map_canvas以确定问题所在，并检查元素/视图源代码以查看映射区域是否显示在代码中（应该）。谢谢，但行为没有改变（我尝试过删除CSS）。rails会做错什么吗？所以当你禁用CSS时，你会看到地图还是它会闪烁然后消失？问题不在于CSS，我想，我禁用了CSS，但没有出现地图。我在启用资源的情况下使用rails3.1，当我禁用它们时，地图停止生成问题。无论如何，谢谢你。

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

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