Добавление изображения во всплывающее окно folium из Django DB

Я пытаюсь вытащить src изображения из DB и отобразить его во всплывающем окне фолиума... Я искал в google и не нашел решения, как это сделать с помощью django. Буду рад любой помощи спасибо !

Мое мнение

def search_on_map(request):
loc_list = []
img_list = []
for i in Add_Item.objects.all():
    city = str(i.city)
    street = str(i.street)
    home = str(i.home_number)
    loc_list.append(city +" "+  street +" "+ home)
    img = i.header_img
    img_list.append(img)

geolocator = Nominatim(user_agent="Your_Name")
m = folium.Map(width=800, height=500, location=['32.078225', '34.768516'], zoom_start=15)
for index, place in enumerate(loc_list):
    try:
        loc = loc_list[index]
        location = geolocator.geocode(loc)
        lat = location.latitude
        long =location.longitude

        # Add Marker
        html = f'<img src="{[i for i in img_list][index]}" width="42" height="auto" >'
        link = "<a href='{% url 'item-page' item.id %}'>More Details..</a>"
        iframe = folium.IFrame(html, width=632, height=420)
        popup = folium.Popup(html, max_width=650)
        folium.Marker([lat,long], tooltip=loc ,popup=popup,
                         icon=folium.Icon(color='purple')).add_to(m)
    except Exception as e:
        print(e)
return render(request, 'search_on_map.html', {"loc":m._repr_html_(),})

Вернуться на верх