Rails 3 и Google Maps несовместимости API v3 - PullRequest
Новая
       21

Rails 3 и Google Maps несовместимости API v3

0 голосов
/ 22 сентября 2011

У меня есть приложение rails 3.1 с этим простым кодом на домашней странице (файл rhtml),

  • Если я запускаю тот же код в html-файле, оно работает.
  • Если я запускаю это в моем приложении rails, оно не и Я не получаю никаких ошибок при использовании firebug.

Также: у меня есть jqueryрельсы драгоценный камень.В чем может быть проблема? 

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

тогда у меня есть мой div: 

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

с этим CSS: 

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

1 Ответ

1 голос
/ 22 сентября 2011

Похоже, что некоторые другие JS и / или CSS, которые противоречат друг другу.

PS: не уверен, почему вы указываете ширину и высоту стиля как внутри строки, так и в декларации CSS. Нужен только один из них, хотя без дублирования вреда нет.

...