Intégration de plusieurs google map sur une meme page

seabird
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 308
Inscription: 1 Déc 2003

Intégration de plusieurs google map sur une meme page

Message le Mar Avr 08, 2008 16:04

Bonjour,

Pour ceux qui manipulent les google map ,Y a t'il moyen d'insérer plusieurs google map sur une même page ?

En effet l'insertion de la carte se fait par exemple par:
Code: Tout sélectionner
<div id="map" style="width: 540px; height: 300px"></div>


Sur ma page , j'affiche plusieurs évènements différents dont toutes les caractéristiques apparaissent telles que description , adresse, ville ... lorsque je clique sur cet évènement. ( les caractéristiques apparaissent ou pas grâce à des div cachées ou pas )

Mon soucis est donc pour chaque évènement d'avoir une carte.
Pour avoir plusieurs cartes, il faudrait à mon avis changer id="map" , id="map1" ....

Y a t'il moyen de s'en sortir ?

merci

seabird
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 308
Inscription: 1 Déc 2003

Message le Mar Avr 08, 2008 18:23

C'est bon je m'en suis sorti:
Pour ceux que cela interessent j'ai remplacé:
Code: Tout sélectionner
  function load() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
      
      map.addControl(new TextualZoomControl());// Affichage ZOOM
      
       map.addControl(new GSmallMapControl()); // ajouts carte -satellite-mixte
        map.addControl(new GMapTypeControl()); // ajouts deplacement
      
        map.setCenter(new GLatLng(48.856662, 2.351019), 13); // position centrale de la carte
      
   
      
      geocoder = new GClientGeocoder();// recherche adresse
      
      }
    }



par
Code: Tout sélectionner
     function load() {
      if (GBrowserIsCompatible()) {
    
     for(j=1; j<=<? echo mysql_num_rows($resultgoogle)?>; j++){

      map[j] = new GMap2(document.getElementById("map"+ j));
      
      map[j].addControl(new TextualZoomControl());// Affichage ZOOM
      
       map[j].addControl(new GSmallMapControl()); // ajouts carte -satellite-mixte
        map[j].addControl(new GMapTypeControl()); // ajouts deplacement
      
        map[j].setCenter(new GLatLng(48.856662, 2.351019), 13); // position centrale de la carte
      
   
      
      geocoder = new GClientGeocoder();// recherche adresse
      }
      }
    }


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités