Question

我目前正在尝试显示Instagram API的一些图片及其在大叶草中的位置。我想做的是显示在大叶草中的位置，并使用弹出标记显示图片和图片标题。

我设法在弹出标记中显示图片，但是我不知道如何在图片中添加文字。

这是我的代码：

from InstagramAPI import InstagramAPI
from nested_lookup import nested_lookup
import folium
from folium import IFrame
import base64
import requests

image_url=[]

username="username"
InstagramAPI = InstagramAPI(username, "password")
InstagramAPI.login()

InstagramAPI.timelineFeed()
timelinefeed = InstagramAPI.LastJson

image_url_lookup=nested_lookup('candidates', timelinefeed)
for x in range(0,len(image_url_lookup)):
    image_url.append(image_url_lookup[x][1]['url'])

html = '<img src="data:image/JPG;base64,{}">'.format
m = folium.Map(location=[20, 0], tiles="Stamen Terrain", zoom_start=12)
encoded = base64.b64encode(requests.get(image_url[1]).content).decode()
iframe = IFrame(html(encoded), width=632+20, height=420+20)
popup = folium.Popup(iframe, max_width=1000)
folium.Marker(location=[72, -40],popup=popup).add_to(m)
m.save("Map_Show.html")

Answer 1

您只需要在html变量中添加一些文本：

html = '''<h3> This is a big popup</h3><br>
<img src="data:image/JPG;base64,{}"><br>
<p>foo bar</p>'''.format

如何将图片和文本添加到叶片的弹出标记中？

1 个答案: