Discussion :

[floran974]

Bonjour , je voudrais mettre en forme des infobulles avec api 1.0beta4.

Mais mon souci est que MES balises font-size ne sont pas prise en compte
Pouvez-vous m'aider?

voici mon code et api que utilise :

[floran974]

..

[jejetcr]

bonsoir,

1- problème d'affichage dans ie7:
Votre code:

Code :

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

1
2
3
4
5
6
    
extractAttributes: true,
    extractStyles: true,
    //           onFeatureInsert:function(f){}//default OL: on ne fait rien!
  });
;

solution (enlever la virgule après extractStyles: true
enlever le ; qui ne sert à rien ) :

Code :

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

1
2
3
    extractAttributes: true,
    extractStyles: true
  });

2- Pour l'affichage en taille 50px rajouter l'indication de paragraphe dans le style :

votre code:

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
 <style type="text/css">

.entreprise  {
	background-color:#d3d3fb;

    	color:#3a88ae;
	     font-size:50px;	
        text-align:center;     
        font-style: italic; 
        
  }
	
.description   {  
	font-size: 20px;
	background-color:#d3d3fb; 
	color:#3a88ae;
}

.autr_etudiant   { 
	font-size: 10px;
	background-color:#d3d3fb; 
	color:#3a88ae;
}
</style>

Solution (ajouter p) :

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
 <style type="text/css">

p.entreprise  {
	background-color:#d3d3fb;

    	color:#3a88ae;
	     font-size:50px;	
        text-align:center;     
        font-style: italic; 
        
  }
	
p.description   {  
	
	font-size: 20px;
	background-color:#d3d3fb; 
	
	color:#3a88ae;
   	
}
p.autr_etudiant   { 
	font-size: 10px;
	 background-color:#d3d3fb; 
	  color:#3a88ae;
	
}
    </style>

3- Vous avez envoyer un fichier en .xml et vous appelez un .kml

Votre code :

Code :

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

1
2
3
4
//Ajout d'une couche KML : cdata
  viewer.getMap().addLayer("KML", 'cdata', "adresse.kml", {
    visibility: true,
    transparent: true

solution :

Code :

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

1
2
3
4
//Ajout d'une couche KML : cdata
  viewer.getMap().addLayer("KML", 'cdata', "adresse.xml", {
    visibility: true,
    transparent: true

Bonne continuation !