Discussion :

[taka10]

Bonjour,

J'ai 3 soucis avec un infoWindow sur les polygones.

Voici le lien pour constater :
http://biospringercorpo.preprod.nikita.fr/affiliates/
mdp : biospringer

En effet, lorsque je clique sur une zone, j'ai bien la bonne infoWindow qui s'affiche mais :
- la croix en haut à droite est présente mais invisible
- J'ai des images bizarres en bas de l'infobulle ?!

Ensuite, j'aimerai que lorsque je clique sur une autre zone, la fenêtre déjà ouverte se ferme mais impossible?

d'avance merci

[NoSmoking]

Bonjour,

la croix en haut à droite est présente mais invisible

problème de CSS
dans le fichier style.css on retrouve

Code css :

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

1
2
3
.articleinner img, .blogcontent img, .page img, .widget img {
    max-width: 100% !important;
}

le !important est une source de galère, ici par effet cascade elle contraint les images en sprite à prendre la largeur de leur conteneur.

J'ai des images bizarres en bas de l'infobulle ?!

problème de version
pour commencer, il s'en est passé des choses depuis la version 3.5.2 de l'API

ligne 94 :<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false&language=en&ver=3.5.2'></script>

ligne 361 :<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&v=3.3"></script>

alors qu'il ne devrait y en avoir qu'une et comme ceci, sans précision de version qui est une "plaie".

Code html :

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

<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

Ensuite, j'aimerai que lorsque je clique sur une autre zone, la fenêtre déjà ouverte se ferme mais impossible?

problème de méthode
pourquoi en créer plusieurs dans ce cas, réutilise la même.

[taka10]

Merci beaucoup pour votre temps et votre réponse.

Les 2 premiers soucis sont maintenant réglés.

Par contre, pour le 3ème , j'en crée plusieurs car le contenu est dynamique et différent.

Je ne vois pas comment n'en créer une seule et au clic, modifier le contenu et la position.

C'est possible ?

[NoSmoking]

Tu peux toujours regarder ce qui ce fait sur la page infoWindow de la FAQ...

... ou encore gérer la référence de l'infoWindow en cours et de la refermer avant l'affichage de la nouvelle

exemple de code, d'après le tien :

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
37
38
39
// référence pour infoWindow en cours
var oInfoWindowEnCours = null;
 
function attachPolygonInfoWindow(polygon, html, couleur, affiche)
{		
  polygon.infoWindow = new google.maps.InfoWindow({
  content: html
  });
  if(affiche=='o')
  {
    google.maps.event.addListener(polygon, 'click', function(e) {
      // si existe on l'efface
      if( oInfoWindowEnCours){
        oInfoWindowEnCours.setMap(null);
      }
      // nouvelle référence
      oInfoWindowEnCours=polygon.infoWindow;
 
      if(polygon.infoWindow.getMap())	
      {
        polygon.infoWindow.close();
      }
      else
      {
        var latLng = e.latLng;
        polygon.infoWindow.setPosition(latLng);
        polygon.infoWindow.open(carte);
      }
    });
  }
  google.maps.event.addListener(polygon, 'mouseover', function() {
  this.setOptions({strokeColor:"#fff"});
  });
 
  google.maps.event.addListener(polygon, 'mouseout', function() {
  this.setOptions({strokeColor:couleur});
  //polygon.infoWindow.close();
  });
}

[taka10]

Merci tout est réglé