Multis marker vue-leaflet aprés retour d'API

Bonjour à tous, je débute avec Vue et pour mon premier vrai projet j’essaye de faire une application de location de vélo.
Pour cela j’utilise leaflet et vue-leaflet comme map.
J’ai créé un component qui regroupe ma requête auprès de l’API et l’affichage de la carte.
Ce que je voudrai maintenant c’est afficher les marker sur la carte en fonction de la ville choisie et des localisations récupérées sur le json, mais je ne trouve pas comment je peu y arriver.
Une fois mon fetch effectué, je récupère les latitudes et longitudes que je push dans un tableau mais pas moyen de convertir ça en marker sur la map …

Voici le code du component map :
`


        <select class="card card-outline-primary" name="city" id="city">
            <option value="toulouse">Toulouse</option>
            <option value="lyon">Lyon</option>
            <option value="marseille">Marseille</option>
            <option value="nancy">Nancy</option>
            <option value="bruxelles">Bruxelles</option>
            <option value="luxembourg">Luxembourg</option>
            <option value="brisbane">Brisbane</option>
            <option value="creteil">Créteil</option>
            <option value="cergy-pontoise">Cergy-Pontoise</option>
            <option value="amiens">Amiens</option>
        </select>

        <button class="btn btn-primary text-light" id="buttonChoice" @click="requestAjax">request</button>

    </section>

    <!-- map-->

    <div id="map">

        <div >
            <l-map
            :zoom="zoom"
            :center="center"
            style="height: 500px; width: 100%"
            >
            <l-tile-layer
                :url="url"
                :attribution="attribution"
            />
            <l-marker :lat-lng="markerLatLng" ></l-marker>
            <l-marker :lat-lng="center" ></l-marker>

            
            </l-map>


        </div>
                
    </div>
</div>

`

<script>

// import { latLng } from "leaflet";
import { LMap, LTileLayer, LMarker } from "vue2-leaflet";

export default {
    data(){
        return{
            city: null,
            results: [],
            index: 0,
            zoom: 12,
            center: [43.6043, 1.4437],
            url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
            attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
            markerLatLng: [43.6, 1.45],
            markerLat: [],
            markerLng: []
        }
    },
    methods:{
        requestAjax:function(){
            const cityData = document.getElementById('city').value;
            this.city = cityData
            
            fetch(`https://api.jcdecaux.com/vls/v1/stations?contract=${cityData}&apiKey=e56f43cd9e4a4aa5260f59360a683fa2xxxxxxx`)
            .then(result => result.json())
            .then(response=>{
                for(let i of response){
                    this.results.push(i.position.lat, i.position.lng)
                    this.markerLat.push(i.position.lat)
                    this.markerLng.push(i.position.lng)
                }
            });
            console.log(this.results)
        }
    },
    components:{
        LMap,
        LTileLayer,
        LMarker
    }
}
</script>

Si quelqu’un avait une idée ça m’aiderai bien, car j’ai un peu tout essayé et la je suis à court d’idées !
Merci beaucoup,

ça y est j’ai fini par trouver, donc pour afficher plusieurs marker il faut utiliser un tableau ou un objet et boucler dans la balise , donc j’ai utilisé axios pour la requête puis avec un push j’ai envoyé les latitudes et longitudes dans un tableau et j’ai bouclé dans la balise.
ça donne ça: