Discussion :

[eddy66]

Bonjour à tous,

Je souhaiterais 'construire' une variable existante à partir d'autre variables issues d'un formulaire html pour l'utiliser ensuite dans l'API Google Map.

Pour résumer, les valeurs suivantes sont récupérées depuis un formulaire html et assignées aux variables suivantes comme par exemple :

var Choixfiltre= 'lundi';

var choixfiltre1='Ravo545';

idem pour les autres jours de la semaine selon le choix de la liste html.

j'ai d'autres variables qui existent et qui sont créées en dur comme:


var lundiRavo545 = [tableau de coordonnées google map] ; etc etc


Je voudrais en fait qu'en fonction de choixfiltre et choixfiltre1, la variable 'lundiRavo545[] soit utilisée dans le path du polyline de googlemap.


la variable utilisée dans le path de google map est par ex. : lundiRavo545[i][0][j],

Ce que je compose facilement en concaténant choixfiltre+choixfiltre1+'[i][0][j]', mais quelle instruction permettrait de l'utiliser en tant que variable lundiRavo545 et non en tant que texte 'lundiRavo545[i][0][j]' dans le path ?

Merci beaucoup pour votre aide!

Bonnejournée

David

[sekaijin]

j'ai d'autres variables qui existent et qui sont créées en dur comme:
var lundiRavo545 = [tableau de coordonnées google map] ; etc etc

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window[Choixfiltre+ choixfiltre1][i][0][j]

mais il serait mieux de ne pas utiliser un jeu de variables en dur mais une map

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
map = {
   'lundi' : {
     'Ravo545' :  [tableau de coordonnées google map],
     'Ravo547' :  [tableau de coordonnées google map],
     'Item47' :  [tableau de coordonnées google map],
     'Item48' :  [tableau de coordonnées google map]
   },
   'mardi' : {
     'Ravo545' :  [tableau de coordonnées google map],
     'Ravo547' :  [tableau de coordonnées google map],
     'Item47' :  [tableau de coordonnées google map],
     'Item48' :  [tableau de coordonnées google map]
   }
}

du coup cela devient simple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

map[Choixfiltre][choixfiltre1][i][0][j]

A+JYT

[eddy66]

Merci beaucoup JYT pour votre aide.

Je viens d'essayer la commande 'window[choixfiltre+choixfiltre1][i][0][j]' , mais j'ai un type error .

choixfiltre+choixfiltre1 vaut pourtant bien 'lundiRavo545'.


Intéressant votre suggestion pour le map, je vais repenser mon code pour voir avec cette solution

Je me suis mal exprimé dans mon énoncé, voici le déroulement exact de la construction de mes variables:

Le but est de représenter les parcours de la semaine effectués par nos balayeuses sur la ville, les parcours peuvent être commun aux 2 machines.

La partie html gére bien les choix pour:

- la balayeuse choisie (ou toutes)
-le jour de la semaine
-la pèriode de la journée(matin ,après midi , journée)
-L'opacité des parcours affichés

Les variables 'parcours1', 'parcours2'.... contiennent des tracés polyline. J'ai rajouté la dimension de tableau supplémentaires pour les tracés car je ne sais pas si l'on peut effectuer des 'saut' de polyline ? ce sont en fait la représentation des rues

ces tracés composent les parcours

ensuite sont créées les variables 'lundiRavo545', 'mardiRavo545'.... qui reprend [['parcours1','la couleur','période journée],['parcours3','la couleur','période journée'] , ....... ]

idem pour la semaine : semaineRavo545[lundiRavo545,mardiRavo545,mercrediRavo545...] où j'envisage une boucle à part



Cela me permet d'assigner n'importe quel parcours à n'importe quelle machine, lui attribuer une couleur et la pèriode journée.

Un exemple du code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var trace1 = [new google.maps.LatLng(42.61791, 2.420511), new google.maps.LatLng(42.61817, 2.420297), new google.maps.LatLng(42.618273, 2.420404), new google.maps.LatLng(42.618376, 2.42049), new google.maps.LatLng(42.618423, 2.420769), new google.maps.LatLng(42.618549, 2.421273), new google.maps.LatLng(42.618644, 2.421305), new google.maps.LatLng(42.618786, 2.421327), new google.maps.LatLng(42.618794, 2.421606), new google.maps.LatLng(42.618818, 2.422013), new google.maps.LatLng(42.618873, 2.422357), new google.maps.LatLng(42.618905, 2.422518), new google.maps.LatLng(42.618802, 2.422614), new google.maps.LatLng(42.618526, 2.422796), new google.maps.LatLng(42.61847, 2.422657), new google.maps.LatLng(42.618384, 2.422485), new google.maps.LatLng(42.618336, 2.422185), new google.maps.LatLng(42.618352, 2.42197), new google.maps.LatLng(42.618368, 2.421767), new google.maps.LatLng(42.618455, 2.421595), new google.maps.LatLng(42.618336, 2.421584), new google.maps.LatLng(42.618257, 2.421391), new google.maps.LatLng(42.618091, 2.421016), new google.maps.LatLng(42.617997, 2.420758), new google.maps.LatLng(42.617902, 2.42049)];
var trace2 = [new google.maps.LatLng(42.617894, 2.420511), new google.maps.LatLng(42.617507, 2.420737), new google.maps.LatLng(42.61716, 2.421026), new google.maps.LatLng(42.616923, 2.421176), new google.maps.LatLng(42.617105, 2.421595), new google.maps.LatLng(42.617302, 2.422078), new google.maps.LatLng(42.617491, 2.422442), new google.maps.LatLng(42.617626, 2.422721), new google.maps.LatLng(42.61776, 2.422678), new google.maps.LatLng(42.617902, 2.422518), new google.maps.LatLng(42.617973, 2.422314), new google.maps.LatLng(42.618076, 2.42211), new google.maps.LatLng(42.618139, 2.422035), new google.maps.LatLng(42.618328, 2.42197)];
var parcours9 = [trace1, trace2];
var lundiRavo545 = [
    [parcours9, 'green', 'Matin']
];
if (choixfiltre1 == "Ravo545" || choixfiltre1 == "Toutes") {
    switch (choixfiltre) {
        case 'Lundi':
            for (var i = 0; i < lundiRavo545.length; i++) {
                for (var j = 0; j < lundiRavo545[i][0].length; j++) {
                    var visible = ((choixfiltre3 == lundiRavo545[i][2]) || (choixfiltre3 == "Journee")) ? opacite_Ravo545 : 0;
                    var traceParcours = new google.maps.Polyline({
                        path: lundiRavo545[i][0][j],
                        // window[ choixfiltre + choixfiltre1][i][0][j],
                        strokeColor: lundiRavo545[i][1],
                        strokeOpacity: visible,
                        strokeWeight: 4
                    });
                    traceParcours.setMap(map);
                }
            }
            break;

Ce code fonctionne bien, mais la répététion pour tous les jours de la semaine avec le switch, et pour les 2 machines , pourrait être réduit à une seule expression juste en changeant cette fameuse variable 'lundiRavo545'.

Je fais mal quelque chose ? car le window en commentaire me retourne le type error .

Merci beaucoup encore

David

[sekaijin]

non le window[] ne fonctionne qu'avec les variable globales

le mieux c'est la map

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
map ={};
map['lundi']={};
map['lundi']['Ravo545'] =[[parcours9,'green','Matin']];

A+JYT

[eddy66]

Je viens d'essayer, mais je suis une "bille" visiblement, car j'ai toujours le type error ?

J'ai certainement mal retranscris le code que vous me proposez, car je n'ai pas dû saisir le fonctionnement de 'map'

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
var trace1 = [new google.maps.LatLng(42.61791, 2.420511), new google.maps.LatLng(42.61817, 2.420297), new google.maps.LatLng(42.618273, 2.420404), new google.maps.LatLng(42.618376, 2.42049), new google.maps.LatLng(42.618423, 2.420769), new google.maps.LatLng(42.618549, 2.421273), new google.maps.LatLng(42.618644, 2.421305), new google.maps.LatLng(42.618786, 2.421327), new google.maps.LatLng(42.618794, 2.421606), new google.maps.LatLng(42.618818, 2.422013), new google.maps.LatLng(42.618873, 2.422357), new google.maps.LatLng(42.618905, 2.422518), new google.maps.LatLng(42.618802, 2.422614), new google.maps.LatLng(42.618526, 2.422796), new google.maps.LatLng(42.61847, 2.422657), new google.maps.LatLng(42.618384, 2.422485), new google.maps.LatLng(42.618336, 2.422185), new google.maps.LatLng(42.618352, 2.42197), new google.maps.LatLng(42.618368, 2.421767), new google.maps.LatLng(42.618455, 2.421595), new google.maps.LatLng(42.618336, 2.421584), new google.maps.LatLng(42.618257, 2.421391), new google.maps.LatLng(42.618091, 2.421016), new google.maps.LatLng(42.617997, 2.420758), new google.maps.LatLng(42.617902, 2.42049)];
var trace2 = [new google.maps.LatLng(42.617894, 2.420511), new google.maps.LatLng(42.617507, 2.420737), new google.maps.LatLng(42.61716, 2.421026), new google.maps.LatLng(42.616923, 2.421176), new google.maps.LatLng(42.617105, 2.421595), new google.maps.LatLng(42.617302, 2.422078), new google.maps.LatLng(42.617491, 2.422442), new google.maps.LatLng(42.617626, 2.422721), new google.maps.LatLng(42.61776, 2.422678), new google.maps.LatLng(42.617902, 2.422518), new google.maps.LatLng(42.617973, 2.422314), new google.maps.LatLng(42.618076, 2.42211), new google.maps.LatLng(42.618139, 2.422035), new google.maps.LatLng(42.618328, 2.42197)];
var parcours9 = [trace1, trace2];
map = {};
map['lundi'] = {};
map['Ravo545'] = {};
map['lundi']['Ravo545'] = [
    [parcours9, 'green', 'Matin']
];
if (choixfiltre1 == "Ravo545" || choixfiltre1 == "Toutes") {
    switch (choixfiltre) {
        case 'Lundi':
            for (var i = 0; i < map[choixfiltre][choixfiltre1].length; i++) {
                for (var j = 0; j < map[choixfiltre][choixfiltre1][i][0].length; j++) {
                    var visible = ((choixfiltre3 == map[choixfiltre][choixfiltre1][i][2]) || (choixfiltre3 == "Journee")) ? opacite_Ravo545 : 0;
                    var traceParcours = new google.maps.Polyline({
                        path: map[choixfiltre][choixfiltre1][i][0][j], //window[choixfiltre+choixfiltre1][i][0][j],
                        strokeColor: map[choixfiltre][choixfiltre1][i][1],
                        strokeOpacity: visible,
                        strokeWeight: 4
                    });
                    traceParcours.setMap(map);
                }
            }
            break;

A+
et encore merci

David

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
if (choixfiltre1 == "Ravo545" || choixfiltre1 == "Toutes") {
    switch (choixfiltre) {

Ca sort d'où choixfiltre1 et choixfiltre ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

map['lundi'] = {};

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

case 'Lundi':

lundi != Lundi ! Donc cette clé n'existe pas dans ton objet.