gmaps4rails не показывает карту

с учетом

<div style='width: 800px;'>
  <div id="map" style='width: 800px; height: 400px;'></div>
</div>

<script type="text/javascript">
markers = handler.addMarkers(<%=raw @hash.to_json %>);
</script>

в приложении.js

handler = Gmaps.build('Google');
handler.buildMap({ provider: {}, internal: {id: 'map'}}, function(){
  markers = handler.addMarkers([
    {
      "lat": 0,
      "lng": 0,
      "picture": {
        "url": "http://people.mozilla.com/~faaborg/files/shiretoko/firefoxIcon/firefox-32.png",
        "width":  32,
        "height": 32
      },
      "infowindow": "hello!"
    }
  ]);
  handler.bounds.extendWith(markers);
  handler.fitMapToBounds();
});

также включить underscore.js в заголовок

<script src="//maps.google.com/maps/api/js?v=3.18&sensor=false&client=&key=&libraries=geometry&language=&hl=&region="></script> 
<script src="//google-maps-utility-library-v3.googlecode.com/svn/tags/markerclustererplus/2.0.14/src/markerclusterer_packed.js"></script>

но все равно карта не отображается..... может ли кто-нибудь помочь мне... это две ошибки консоли

ReferenceError: google is not defined
ReferenceError: handler is not defined

ruby-on-rails javascript gmaps4rails
person omer khan    schedule 14.03.2016    source источник
comment
проблема решена, я помещаю код application.js прямо в поле зрения и решаю проблему...   -  person omer khan    schedule 14.03.2016

Ответы (1)


arrow_upward
0
arrow_downward

Плохо размещать свой js-код прямо в вашем представлении. Попробуйте решить эту проблему по-другому - поместите весь свой "код карты" в обработчик document.ready вот так

$(document).ready(function() {
    // put your code for initialising map  
});

Также, на ваш взгляд, оберните свой код в обработчик:

<script type="text/javascript">
$(document).ready(function() {
    markers = handler.addMarkers(<%=raw @hash.to_json %>);
});
</script>

Он должен работать

person aprok    schedule 14.03.2016
comment
если вы согласны с этим, вы можете оставить все как есть, но я бы посоветовал сделать это правильно. Если хочешь, я могу попытаться тебе помочь. Было бы здорово увидеть весь ваш файл application.js - person aprok; 14.03.2016