Блог

Главная - Вопросы по программированию - Карты Google не отображаются на экране рендеринга rails

Карты Google не отображаются на экране рендеринга rails

#javascript #ruby-on-rails

#javascript #ruby-on-rails

Вопрос:

ПРИВЕТ, я интегрирую карты Google в свое приложение, если я создаю новую страницу, тогда карта отображается идеально, но когда я пытаюсь загрузить ее на экране рендеринга, я не могу получить карту. ниже приведен мой код для интеграции с Google map :

 <!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript"
    src="http://maps.google.com/maps/api/js?sensor=true">
</script>

<script type="text/javascript">
 $(document).ready(function(event) {
            initialize();
        });

 function initialize() {

   var latlng = new google.maps.LatLng(56.46249,-4.87793);
   var myOptions = {
      zoom: 6,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.HYBRID
    };
    message = "in the inistalise"
        document.write(message)

    var map = new google.maps.Map(document.getElementById("map"),myOptions);
     }
    <% @latlng.each do |p| %>
  var markers = new google.maps.Marker({
      position:new google.maps.LatLng(<%= (p.latitude).to_i %>,<%= (p.longitude).to_i %>),
      map: map,
      title:"City: <%=(p.city) %>  AND Total Clicks:  <%=(p.count) %>  ",
    });

 <% end %>

 </script>
</head>
<body>
<div id="map-chart">
  <%= render :partial => "/shared/date_form", :locals => {:url => map_admin_dashboard_path, :div_id => "map"} %>

 <div id="map" style="width:770px; height:400px">
  </div>
  </div>
</body>
</html>

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

1. К вашему сведению, я создал драгоценный камень для простого отображения карт Google: github.com/apneadiving/Google-Maps-for-Rails

2. Это не решит вашу проблему, но вы могли бы использовать console.log("A message") вместо document.write , это немного чище.

3. Как получилось, что вы используете $(document).ready ? Это jQuery, если я не ошибаюсь, но вы не включаете jQuery. Я не думаю, что это сработает. Если вы используете jQuery, вы могли бы использовать $('#map') вместо document.getElementById("map") .

4. @apneadiving: — когда я пытаюсь использовать ваш gem, он выдает ошибку при установке пакета…

5. Вы первый, кто сообщил об этом. Не могли бы вы открыть новый вопрос и поместить ошибки внутрь?