I am trying to add multiple static markers in my mapbox webapp but it only shows the first data. my code is:

{% for dat in data %}
var marker = new mapboxgl.Marker({color: 'red'})
        .setLngLat([{{dat.latitude}}, {{dat.longitude}}])
        .addTo(this.map);
    this.markers.push(marker);
{% endfor %}