Discussion :

[arafrogala]

Bonjour

Je suis en train de réalisé un mini projet sur googlemaps
j'ai un petit soucis avec la gestion des infobulles !

J'aimerai que chaque marqueur est un contenu d'infobulle différents ? Pouvez-vous m'aider ? SVP

Mon code est en pièce jointe

Merci d'avance

[Bovino]

Salut.

Pourrais-tu préciser un peu ce que tu souhaites faire, ce que tu as tenté et ce qui te bloque.
Parce que là, ne compte pas sur nous pour ouvrir une pièce jointe, analyser 7.4ko de code sans même savoir ce qui te bloques...

[arafrogala]

Mon problème est que toutes mes infobulles ont le même contenu hors ce n'est pas ce dont j'ai besoin.

Je souhaiterai mettre le nom du lieu dans un onglet de l'infobulle et dans un autre onglet une légère description.

Le code suivant me permet de faire une infobulle à deux onglets dont un qui permet à l'infobulle de s'agrandir et d'informer plus amplement l'utilisateur.

J'aimerai qu'on m'explique comment faire pour lier le contenu d'une infobulle à un marqueur ? (ou alors qu'on me trouve un exemple)SVP

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
26
27
28
29
30
31
32
33
34
35
36
function putMarker(point, texte) {
 
		var marker = new GMarker(point);						// créer le marker
 
		var tabs = [
            new GInfoWindowTab('Lieu','<strong>Métro Place de Clichy</strong>' +  '<br /><img src="PlaceClichy.jpg" />'),
            new GInfoWindowTab('Infos','Metro A' +'<br />Metro D')
        ];
 
    var options = {
        maxTitle: 'Place Bellecour, Lyon : Détails',
 
        maxContent: '<p><br />' +
                'La <b>place Bellecour</b> est la plus grande place de <a href="http://fr.wikipedia.org/wiki/Lyon" title="Lyon">Lyon</a> et ' + 
                'la troisième plus grande place de <a href="http://fr.wikipedia.org/wiki/France" title="France">France</a> ' + 
                '(après la <a href="http://fr.wikipedia.org/wiki/Place_des_Quinconces" title="Place des Quinconces">place des Quinconces</a> à ' + 
                '<a href="http://fr.wikipedia.org/wiki/Bordeaux" title="Bordeaux">Bordeaux</a> et la <a href="http://fr.wikipedia.org/wiki/Place_de_la_Concorde" title="Place de la Concorde">place de la Concorde</a> ' + 
                'à <a href="http://fr.wikipedia.org/wiki/Paris" title="Paris">Paris</a>), ' + 
                'et avec une taille de 310 mètres par 200 mètres (elle est donc plus grande que le Zocalo de Mexico 230x192 et que la Place Rouge de Moscou 330x70). ' + 
                'C\'est également <b>la plus grande place piétonne d\'Europe</b>, les places précédemment citées pouvant accueillir des véhicules, ' + 
                'au contraire de la Place Bellecour.</p>' + 
                '<p>En son centre se trouve une <a href="http://fr.wikipedia.org/wiki/Statue_%C3%A9questre" title="Statue équestre">statue équestre</a> de Louis XIV. ' + 
                'Une autre statue, représentant le <a href="http://fr.wikipedia.org/wiki/Petit_Prince" class="mw-redirect" title="Petit Prince">Petit Prince</a> ' + 
                'et <a href="http://fr.wikipedia.org/wiki/Antoine_de_Saint-Exup%C3%A9ry" title="Antoine de Saint-Exupéry">Antoine de Saint-Exupéry</a>, ' + 
                'est située à l\'extrémité ouest de la place.</p>' + 
                '<p>Deux pavillons se trouvent également sur la place. Le premier abrite l\'Office du Tourisme, le second une galerie d\'art.</p>'
        };
   // marker.openInfoWindowTabsHtml(tabs, options);
 
		GEvent.addListener(marker, "click", function() {		// attache un événement au marker
   			marker.openInfoWindowTabsHtml(tabs, options);
			//marker.openInfoWindowHtml(texte);
		});
 
		map.addOverlay(marker);	// attacher le marker à la carte (= l'afficher)
	}

[erox44]

tu n'as pas dû beaucoup chercher du coté de la doc proposée par Google, car si tu regardes dans la classe GMarker, tu verra tout un tas de méthodes afin d'y associer une InfoWindow ...