Использование изображения Jpeg во всплывающем окне

Question

Я хочу отобразить изображение jpg в виде всплывающего окна в маркере на карте фолиума. Я нашел пример кода, но когда я запускаю его с изображением в том же каталоге, всплывающее окно просто пустое. Карта и маркер, кажется, созданы отлично, но всплывающее окно - просто пробел.

Я уверен, что упускаю что-то очевидное, кто-нибудь может указать на это?

import folium
import branca
import os

import json
import numpy as np
#import vincent
from folium import IFrame
import pandas as pd
import numpy.ma as ma
import base64
import matplotlib.pyplot as plt

def make_data():
    x = np.linspace(-np.pi, np.pi, 101)
    sin = np.sin(x)
    cos = np.cos(x)
    cos[20:50] = np.NaN
    return pd.DataFrame(np.asanyarray([sin, cos]).T, columns=  ['sin', 'cos'],   index=x)

df = make_data()
resolution, width, height = 75, 7, 3


station = '42'
lon, lat = -42, -21
mapa = folium.Map(location=[lat, lon], zoom_start=5)

encoded = base64.b64encode(open('P8290065.JPG', 'rb').read()).decode()

html = '<img src="data:image/JPG;base64,{}">'.format
iframe = IFrame(html(encoded), width=632+20, height=420+20)
popup = folium.Popup(iframe, max_width=2650)

icon = folium.Icon(color="blue", icon="ok")
marker = folium.Marker(location=[lat-2, lon+1], popup=popup, icon=icon)
mapa.add_child(marker);


mapa.save("MapImage.html")

Answer 1

Была такая же проблема. Должно быть дело в размере изображения. Попробуйте:

from PIL import Image
image = Image.open(imagename)
image = image.resize((width, height), Image.ANTIALIAS)
image.save(resize_path + imagename, 'jpg', quality=100)

...

encoded = base64.b64encode(open('P8290065.JPG', 'rb').read())
html = '<img src="data:image/JPG;base64,{}">'.format
iframe = IFrame(html(encoded.decode("UTF-8")), width=632+20, height=420+20)
popup = folium.Popup(iframe, max_width=2650)

Это сработало для меня. Обратите внимание, что я удалил кодировку из первой строки и добавил

html(encoded.decode("UTF-8"))

в строку html.