в окне информации Google Maps отсутствуют изображения / углы

Question

Информационные окна в моем экземпляре карт Google выглядят забавно:

Некоторые изображения, составляющие углы и края графического изображения информационного окна, отсутствуют.Есть идеи, почему это происходит?Я экспериментирую, но пока не понял.

Я использую gmap3 , упаковщик JQuery для Google V3 API.Вот мой код для настройки карты (javascript / haml):

  <script>


$(window).load(function() {
  $('#map').gmap3();
  var bounds = new google.maps.LatLngBounds ();
  -@areas.each do |area|
    bounds.extend(new google.maps.LatLng(#{area.latitude}, #{area.longitude}));
    $('#map').gmap3(
    {
    action:'addMarker',
    latLng:[#{area.latitude},#{area.longitude}],
    events:{click:function(marker, event){
    $(this).gmap3({action:'clear',list:['infoWindow']});
    $(this).gmap3(
    {
    action:'addInfoWindow',
    latLng:marker.getPosition(),
    infowindow:
    {content:"#{escape_javascript(link_to area.name, area)}<br>#{escape_javascript(image_tag area.image_holder.image.url(:thumb)) if area.image_holder.present?}"}
    }
    )}}
    }
    );
  $('#map').gmap3('get').fitBounds(bounds);
  $('.clickable_row').click(function() {
  var id = $(this).attr('id');
  window.location = '#{areas_path}' + '/' + id;
  });
  });
  </script>

Answer 1

Я видел это, вызванное правилом максимальной ширины, перекрывающим правило карт Попробуйте установить это:

#map img { max-width: none; } 

Answer 2

была такая же проблема,

просто поместите этот код в ваш файл CSS:

img[src*="gstatic.com/"], img[src*="googleapis.com/"]  {
max-width: 99999px;

}

Answer 3

Я не знаю, что вызвало эту проблему, но это больше не происходит.В тот момент я все еще знакомился с интеграцией javascript и google maps в мои приложения rails, так что, возможно, я лишил настройки или включения js.Кто знает.

Расскажи это до моего блаженства.

Answer 4

Я полагаю, что это связано с низкой пропускной способностью вашего соединения. Я думаю, что для угловых изображений истекает время ожидания. Это происходит каждый раз? У вас проблемы с соединением? Попробуйте с помощью firebug увидеть сетевой трафик и определить запросы изображений и, если они истекают.