Discussion :

[Lprofessionnelle]

Bonjour.
J'aimerais pouvoir changer de type de carte en cliquant sur un bouton dans ma légende. Sur la doc il y a écrit:

Code :

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

1
2
3
 
Modifying the mapTypeId dynamically:
map.setMapTypeId(google.maps.MapTypeId.TERRAIN);

J'ai donc fait un bouton par type avec comme valeur le type et voici le code jquery:

Code :

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

1
2
3
4
5
6
 
	$(document).on('click', "input[name=type_map]", function(){
		var type_map = $(this).val();
		console.log(type_map);
		maCarte.setMapTypeId(google.maps.MapTypeId.type_map);
	});

Pourtant quand je clique dessus la carte disparait. J'ai raté quelque chose ?

[Lprofessionnelle]

J'ai résolu tout mes problème sauf un:
j'ai une class CSS caché dans mes infoWindow que j'affiche seulement si je tape un bon mot de passe c'est pas protégé du tout si on regarde le code source c'est juste pour cacher rapidement les données comme la vitesse...^^
Le problème c'est que les données contenu dans la class s’affichent seulement avec l'infoWindow ouverte et pas pour les autres.

Normalement si j'affiche ma class c'est sensé le faire pour toute les autre aussi non ? La seul solution pour moi serait de détruire tout les marker sur la carte de le les ré-afficher. Beaucoup de chose pour pas grand chose^^.

-----

Dernière chose que je n'ai pas trouvé:
est ce qu'on peut ouvrir une infoWindow en js sans devoir cliqué sur le marker associé ? En gros j'affiche la liste des positions dans un tableau html et j'aimerais avec un code jquery quand je clique sur la position(ça je sais faire) pouvoir ouvrir l'infoWindow qui correspond sans devoir chercher la position sur la carte.
J'ai trouvé dans la doc ce lien: http://javascript.developpez.com/faq...oWindowMasquer comment masquer une infoWindow, mais pas comment en ouvrir une.

Mon code pour généré mes marker et infoWindow:

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
 
    // Display multiple markers on a map
    var infoWindow = new google.maps.InfoWindow(), marker, i;
    var allmarker = [];
    var i2 = 0;
    // Loop through our array of markers & place each one on the map  
    $.each(markers, function(key, value){
        var position = new google.maps.LatLng(value.latitude, value.longitude);
        bounds.extend(position);
        marker = new google.maps.Marker({
            position: position,
            map: maCarte,
			icon: {
				url: value.icon,
				size: new google.maps.Size(value.width, value.height),
				anchor: new google.maps.Point(value.anchor_w, value.anchor_h)
			},
            title: value.title
        });
		allmarker[i2] = marker;
		// console.log(allmarker);
 
        // Allow each marker to have an info window    
        google.maps.event.addListener(marker, 'click', (function(marker, i) {
            return function() {
				var infoWindowContent = '<div class="info_content">' + value.infoWindowContent + '</div>';
                infoWindow.setContent(infoWindowContent);
                infoWindow.open(maCarte, marker);
            }
        })(marker, i));
 
        // Automatically center the map fitting all markers on the screen
        maCarte.fitBounds(bounds);
		i2++;
    });

[NoSmoking]

Bonjour,

J'ai trouvé dans la doc ce lien: http://javascript.developpez.com/faq...oWindowMasquer comment masquer une infoWindow, mais pas comment en ouvrir une.

Comment afficher une InfoWindow ?