Un addevent récalcitrant sur api gmap :'(
Salut !
J'ai un soucis qui pour la première fois m'oblige à demander de l'aide parce que je bug dur ^^
Pr l'explication : En gros je bosse sur l'API de gmap pour afficher une map sur laquelle, en récupérant les données de stations de vélos de l'api jcdecaux, j'affiche un marqueur pour chaque station de vélo dispo. Jusque là, ça va. Ensuite quand on clique sur un marqueur ça nous affiche le nombre de vélo dispo et possibilité d'en réserver un. Et là, quand on réserve, ça décrémente le nombre de vélo de 1. Mais, ce dont je me suis bêtement aperçu c'est que ça décrémente dans une boucle et que du coup quand on retourne dessus et qu'on re-réserve ça décrémente de deux et ainsi de suite à cause de la boucle.... Du coup ce que j'essaie vainement de faire c'est de mettre la décrémentation en dehors de la boucle, mais bêtement (je suis bête^^), je sèche :'(
je vous mets la partie du code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
var cValid = document.querySelector('#valider');
function initMap() {
var lyon = {lat: 45.74846, lng: 4.84671};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 13,
center: lyon
});
ajaxGet('https://api.jcdecaux', function (data) {
var stations = JSON.parse(data)
var markers = [];
stations.forEach(function (station){
contenu de la boucle
});
} |
et ce que je voudrais c'est pouvoir déclarer en dehors de la boucle :
Code:
1
2
3
4
|
cValid.addEventListener('click', function(){
stationAvailable.innerHTML = ('<strong>Il y a : </strong>' + '<b>' + --station.available_bikes + '</b>' + ' vélos disponibles');
}); |
mais du coup je ne sais pas comment lui dire de choper les données de "stations".... Je sens que je bloque sur le truc le plus bête du monde.... mais je sais pas, j'suis hermétique depuis hier à trouver pourquoi je n'y arrive pas :'(
