Использование цикла for в Mapbox

Я хочу сделать то, что сделано в этом примере: https://docs.mapbox.com/mapbox-gl-js/example/popup-on-hover/ но вместо того, чтобы добавлять каждую точку вручную, я хочу вставить данные из моих форм в цикл for. Я успешно использовал цикл for для добавления маркеров в таком формате:

{% for markers in marker %}
    {% if markers.PlantName in Bær %}
        var marker = new mapboxgl.Marker({ color: 'red'})
    {% elif markers.PlantName in Frugt %}
        var marker = new mapboxgl.Marker({ color: 'orange'})
    {% else %}
        var marker = new mapboxgl.Marker({ color: 'green'})
    {% endif %}
    .setLngLat([{{ markers.lon }}, {{ markers.lat }}])
    .setPopup(new mapboxgl.Popup().setHTML("<p>{{markers.PlantName}}<p>"))
    .addTo(map);
{% endfor %}

Но в примере они добавляют баллы по-другому. Заранее спасибо!

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