InfoWindow et divers bugs sur un polygone

Version imprimable

06/01/2014, 16h33
taka10

InfoWindow et divers bugs sur un polygone

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
07/01/2014, 19h34
NoSmoking
Bonjour,

Citation:

Envoyé par taka10

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

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

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.

Citation:

Envoyé par taka10

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

Citation:

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

Citation:

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:

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

Citation:

Envoyé par taka10

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.
07/01/2014, 20h25
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 ?

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:

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();
  });
}

08/01/2014, 09h19
taka10

Merci tout est réglé