Как сделать динамическое отображение контента leaflet popup, передающегося в шаблон из Django view?

Question

[Бородат Инженерович]

Всем доброго времени суток! Вопрос следующий:

Есть leaflet карта, на которой стоит маркер с попапом. По нажатию на маркер в попапе отображается контент, передающийся в этот шаблон из джанго вью. Контент представляет собой поля модели, которые периодически обновляются. Необходимо сделать так, чтобы пользователь, кликнув по маркеру, увидел попап, контент которого изменяется в соответствии с изменениями модели.

То есть мне нужен способ, который заставит обновляться html внутри попапа с заданным интервалом.

Примерная структура такая:

Джанго вью:

def mapTomsk(request):
    data = TEMP.objects.get(name='NAME').SOMETHING

    return render_to_response('myApp/map.html', {'data': data})

В шаблоне map.html:

<div id="map" style="width: 100%; height: 100%; position: absolute"></div>
           <script>
                DG.then(function() {
                    var map = DG.map('map', {
                        center: [XX.XX, XX.XX],
                        zoom: 13
                    });
                    
                    myIcon = DG.icon({
                        iconUrl: "{% static 'myapp/icon.svg' %}",
                        iconSize: [20, 20]
                    });
                    
                    DG.marker([XX.XX, XX>XX], {
                        icon: myIcon
                    }).bindPopup('<div id="toRefresh"> {{ data }}</div>', {
                        sprawling: true,
                        maxWidth: 200,
                        autoPanPaddingTopLeft: [400, 400]
                    }).addTo(map)
                });
            </script>

Заранее спасибо за любую помощь!

Comments

[German Jet]

Схематично попробую объяснить.
Вьюшку делаешь примерно так:

def mapTomsk(request):
    data = TEMP.objects.get(name='NAME').SOMETHING
    return JsonResponse(data)

В шаблоне, в попапе получаешь данные с помощью $.getJSON