Utiliser des données sur 2 fichiers javascript différents Fermé

Question

Bonjour à tous, Je réalise actuellement un projet dans le cadre de mon cursus d'apprentissage du développement web. Je suis débutant en javascript et je rencontre la difficulté suivante : Je dois mettre en place une carte de location de vélo, en utilisant l'API JC Decaux. Pour la carte, j'utilise Leaflet. J'arrive à récupérer les données concernant les stations vélos, cependant lorsque j'essaie de lier ces données à la carte, j'ai des messages d'erreurs. Voici le code: HTML Projet 3

AJAX // Exécute un appel AJAX GET // Prend en paramètres l'URL cible et la fonction callback appelée en cas de succès function ajaxGet(url, callback) { var req = new XMLHttpRequest(); req.open("GET", url); req.addEventListener("load", function () { if (req.status >= 200 && req.status < 400) { // Appelle la fonction callback en lui passant la réponse de la requête callback(req.responseText); } else { console.error(req.status + " " + req.statusText + " " + url); } }); req.addEventListener("error", function () { console.error("Erreur réseau avec l'URL " + url); }); req.send(null); } VELOS var tableau; console.log(tableau); function afficher(reponse) { var infos = JSON.parse(reponse); infos.forEach(element => { var tableau = [element.name, element.position.lat]; }); } ajaxGet("https://api.jcdecaux.com/vls/v1/stations?contract=Lyon&apiKey=789c165dfe2e6ce623f45b8e2c5f44a9321931bc", afficher); CARTE var lat = 45.750000; var lon = 4.850000; var macarte = null; function initMap() { macarte = L.map('map').setView([lat, lon], 11); L.tileLayer('https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png', { attribution: 'données © OpenStreetMap/ODbL - rendu OSM France', minZoom: 1, maxZoom: 20 }).addTo(macarte); var marker = L.marker([lat, lon]).addTo(macarte); } window.onload = function(){ initMap(); }; #map { width: 800px; height: 500px; } Je souhaite pouvoir réutiliser la variable tableau au sein de mon code CARTE, afin de pouvoir assimiler ces données à la variable marker (pour pouvoir positionner les marqueurs aux coordonées gps des stations vélo). Merci d'avance pour votre aide. Bonne journée.

jordane45 · Answer

Bonjour,

Premièrement... tu as un  "var" en trop

infos.forEach(element => {
            var tableau = [element.name, element.position.lat];
        });

ce qui réinitialise ton tableau à chaque tour de boucle...


Sachant que tu as déjà initialisé ton tableau au dessus

var tableau;
 


En plus, si tu as plusieurs elements à stocker dans ce tableau.. il faut faire un push
car là.. seule la dernière valeur sera présente dans ta variable.


Ensuite, dans le code carte .. d'où vient ta variable "L" ?
Et à quel moment fais tu le lien entre ta variable tableau et tes marker ?

Et pour finir.. tu nous dis avoir des messages d'erreur....ben..ça serait bien de nous les indiquer !

Utiliser des données sur 2 fichiers javascript différents

1 réponse

Discussions similaires