[Tableaux] Afficher tableau d'objet

Bonjour,

J'essaie de développer une carte interactive avec Google Map API et j'ai un tableau d'objet en javascript :
var montab= [
{
id : '1',
title : "Élément 1 ",
lat : 000000,
lng : -0.00000,
category : 0
},
{
id : '2',
title : "Élément 2 ",
lat : 00000,
lng : -0.0000,
category : 1
},
{
id : '3',
title : "Élément 3 ",
lat : 00000,
lng : -0.0000,
category : 1
},
{
id : '4',
title : "Élément 4",
lat : 00000,
lng : -0.0000,
category : 3
},
];

Les catégories faisant référence à un tableau :
var cat= [
"cat1",
"cat2",
"cat3"
];

Le but étant que je réussisse à afficher le tableau cat sous la forme d'un menu accordéon avec dans chaque sous menu les éléments du tableau montab correspondant (par category:X)

Mais là je dois dire que je ne vois pas du tout comment faire cela. Si vous avez le code je suis preneur ou bien une piste sérieuse de développement ;)
Et les explications pour que je me couche moins c** au passage =)

Merci

1 réponse

  • Votes
  • Date
  • Date décroissante
  1. salut
    Ca doit affiche quoi une partie de la carte visée par attitude et longitude ? dans un menu accordéeon !!!
    1. Tu as tout compris.

      En gros une fois que le menu accordéon sera créer, je clique sur une catégorie et ça affiche tout les points qui sont liés à cette catégorie sur une carte google map.
    2. pour trier par catégorie tu peux faire un tableau intermédiaire qui aurait son indice en catégorie ce qui permettra d'affichage juste avec une boucle tes éléments par catégorie
    3. Et en javascript tout ça on fait comment ?
      Car je dois faire cela avec javascript ou jquery et je suis largué ^^
    4. tu rajoute des accolade
      var montab= [

      //ma catégorie 1
      {
      { id : '1',
      title : "Élément 1 ",
      lat : 000000,
      lng : -0.00000,
      },
      { id : '1',
      title : "Élément 1 ",
      lat : 000000,
      lng : -0.00000,
      },

      },
      //ma catégorie 2
      {
      { id : '1',
      title : "Élément 1 ",
      lat : 000000,
      lng : -0.00000,
      },
      { id : '1',
      title : "Élément 1 ",
      lat : 000000,
      lng : -0.00000,
      },
      }

      ]

      affichier la catégorie 1 :
      for(var i= 0,i<montab[0].lenght;i++)
      {
      montab[0][i].afficher();
      }

      bha après bien sur afficher c'est pas afficher c'est la fonction de l'api google dont je n'ai pas connaissance