Я работаю над проектом по созданию карты с использованием фолиума и flask, и я пытаюсь добавить свой собственный javascript, чтобы добавить анимацию в плитку, чтобы она появлялась одна за другой. Вопрос в том, как я могу добавить свой пользовательский javascript на карту, используя python flask
, как я попробовал этот способ в следующем коде:
from branca.element import Element
m = folium.Map()
map_id = m.get_name()
my_js = """
const items = document.querySelectorAll('.leaflet-interactive')
items.forEach((one) => {
one.style.visibility = 'hidden'
})
if (items.length > 0) {
if (items.length !== 0) {
let i = 0
const m = setInterval(function () {
if (i < items.length) {
items[i].style.visibility = 'visible'
i++
}
console.log('now i =' + i + ' || the number of circle = ' + items.length)
if (i === items.length) {
clearInterval(m)
console.log('now cleared')
}
}, 1000)
}
}
""".format(map_id)
e = Element(my_js)
html = m.get_root()
html.script.get_root().render()
# Insert new element or custom JS
html.script._children[e.get_name()] = e
m.save('mymap.html')
также пробовал другой способ, подобный этому:
base_map.get_root().html.add_child(folium.JavascriptLink('static/custom.js'))
он внедряется в тело шаблона, но все равно не работает