Блог

Главная - Вопросы по программированию - Rails не загружает Google Maps javascript

Rails не загружает Google Maps javascript

#ruby-on-rails-3 #google-maps

#ruby-on-rails-3 #google-карты

Вопрос:

Я пытался загрузить простую карту Google в свое приложение rails.

Проблема в том, что на веб-странице отображается только пустая веб-страница.

Вот мой index.html.erb

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

<%= javascript_include_tag 'testmap.js' %>


<body onload="initialize(); ">

<div id="map_canvas"></div>

Это мой testmap.js который находится в «public / javascripts»:

 var map;
function initialize() {

    var chicago = new google.maps.LatLng(41.850033, -87.6500523);

    map = new google.maps.Map(document.getElementById('map_canvas'), {
      center: chicago,
      zoom: 11,
      mapTypeId: 'roadmap'
    });
  }

Отображаемая страница полностью пуста, за исключением кода, загруженного из application.html.erb

Я надеюсь, что вы сможете мне помочь.

Спасибо

Комментарии:

1. В моем большом невежестве я забыл указать стиль… <стиль> тело { семейство шрифтов: Arial, без засечек; отступ: 0px; поле: 0px; } #map_canvas { высота: 320 пикселей; ширина: 525 пикселей; } </style> С этими строками все работает… Спасибо всем

Ответ №1:

Используйте что-то вроде Firebug для Firefox, чтобы увидеть, загружены ли ваши JS-файлы или нет.

Возможно, необходимо что-то вроде $(document).ready(function() {} (вам нужно дождаться загрузки вашего контента перед выполнением вашего JS).