Flexslider в информационном окне google map не загружает изображения

Question

Я пытаюсь добавить слайдер в приложении django в Google Maps infowindow с помощью слайдера flex. Мой код - это.

{% load thumbnail i18n humanize static %} 
<script type="text/javascript"> 
$(window).load(function(){ 
    $('#slide1 , #slide2').flexslider({ 
    animation: "slide", 
    slideshow: false, 
    controlNav : false, 
    start: function(slider) { 
    slider.removeClass('loading'); 
} 
    }); 

}); 
</script> 




<script> 
$(document).ready(function() { 
var markers=[]; 
var bounds = new google.maps.LatLngBounds(); 
var infowindow = new google.maps.InfoWindow(); 
var map = new google.maps.Map(document.getElementById("gmap"), { 
    zoom: 5, 
    minZoom: 2, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    panControl: false, 
    streetViewControl: false, 
    mapTypeControl: false 
}); 
{% for course in courses %} 
    {% if course.object.location %} 
     var lat = '{{ course.object.location.lat }}'; 
     var lng = '{{ course.object.location.lng }}'; 
     var myLatLng = new google.maps.LatLng(lat,lng); 
     var marker = new google.maps.Marker({ 
      position: myLatLng, 
      map: map, 
      draggable:true, 
      title: '{{ course.object.location }}' 
     }); 

     var course_detail="<div class='flexslider loading custom_space_remove' id='slide1'><ul class='slides'><li class='relative'><a class='family-member' href='{{course.object.get_absolute_url}}'>{% thumbnail course.object.image '1000' as im %}<img src='{{ im.url }}'/>{% endthumbnail %}</a></li>{% for image in course.object.course_images.all %}<li class='relative'><a href='{{course.object.get_absolute_url}}'>{% thumbnail image.image '1000x749' crop='center' as im %}<img src='{{ im.url }}'/>{% endthumbnail %}</a></li>{% endfor %}</ul></div>" 

     makeInfoWindowEvent(map, infowindow, course_detail, marker); 


     bounds.extend(marker.position); 
     markers.push(marker); 
    {% endif %} 
{% endfor %} 

function makeInfoWindowEvent(map, infowindow, contentString, marker) { 
    google.maps.event.addListener(marker, 'click', function() { 
     infowindow.setContent(contentString); 
     infowindow.open(map, marker); 
    }); 
    } 

map.fitBounds(bounds); 
}); 
</script> 

Он отлично работает, за исключением загрузки изображений. Когда я нажимаю на маркер карты Google, он показывает мне информационное окно с полным html, но на месте изображений он показывает мне только «ajax load image/function», означает, что изображения не загружаются с использованием этого кода.

Answer 1

Я не уверен, что это применимо здесь, но в инфо-окнах Android есть NOT a live view. Из того, что вы сказали, это похоже на то, что инфоустановка застряла, показывая загрузку. Возможно, вы можете обновить свою инфоиндустрию, открыв/закрыв ее или снова настроив контент.