Largeur maximale InfoWindow

**betadev** · 21/11/2011, 13h50

Bonjour,

J'essaye d'appliquer le InfoWindow de google map , mais je n'ai pas pu limiter sa largeur maximale avec l'option maxWidth ,

ci dessous mon code , il est simple.

mais l'infowindow n'est pas limitée à 20 pixel de largeur

merciii

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
40
41
42
43
44
45
<html>
<head>
<TITLE>TEST</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
 
<script type="text/javascript" src="http://gmap3.net/js/jquery-1.6.2.min.js"></script>     
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript" src="http://gmap3.net/js/gmap3-4.1-min.js"></script>
<script type="text/javascript">
 
$(function(){
	$('#wmap').gmap3(  { action: 'addInfoWindow',
		address: "place de l'étoile, Paris",
		map:{
		  center: true,
		  zoom: 14
		},
		infowindow:{
		  options:{
			content: 'Hello World !Hello World !Hello World !Hello World !Hello World !Hello World !Hello World !Hello World !Hello World !Hello World !Hello World !Hello World !Hello World !Hello World !Hello World !Hello World !Hello World !Hello World !Hello World !Hello World !Hello World !Hello World !' , 
			maxWidth: 20
		  }
		}
	  }
	);
 
});	
 
 
</script>
<style>
.gmap3 {
    border: 1px dashed #C0C0C0;
    height: 370px;
    width: 400px;
	background-color:#999;
}
</style>
 
</head>
<body>
<div id="wmap" class="gmap3"></div>
</body>
</html>

**NoSmoking** · 22/11/2011, 20h01

Bonsoir,

Envoyé par betadev

mais l'infowindow n'est pas limitée à 20 pixel de largeur

cela fait partie des "bugs" de l'API, tu auras beau faire, sauf des InfoWindows personnalisées, la dimension mini sera autour de 200px bords non compris.

Question quand même tu mets quoi dans 20pixels ?

**betadev** · 22/11/2011, 21h34

Envoyé par NoSmoking

Question quand même tu mets quoi dans 20pixels ?

Bonsoir,

Je met du texte (long ou court) dans l'infowindow.

Le but été d'avoir un infowindow adapté à la lageur du texte , c'est à dire je ne veut pas que la largeur de l'infowindow sera plus grande que le texte qui est dedans.

J'ai trouvé un plugin qui résolu tout , je l'ai utilisé à la place de l'infowindow , voici l'url : http://google-maps-utility-library-v.../example.html?

**NoSmoking** · 22/11/2011, 22h44

Envoyé par betadev

Le but été d'avoir un infowindow adapté à la lageur du texte , c'est à dire je ne veut pas que la largeur de l'infowindow sera plus grande que le texte qui est dedans.

c'est le comportement par défaut des InfoWindows.

**betadev** · 22/11/2011, 22h59

Envoyé par NoSmoking

c'est le comportement par défaut des InfoWindows.

Comment ça ?

si c'est vrai , ça tombe bien , mais regarde cette demo officielle de google (infowindows) ce n'est pas le cas http://code.google.com/intl/fr/apis/...nfowindow.html

la largeur de l'infowindows est plus large que celle du texte

**NoSmoking** · 22/11/2011, 23h07

c'est ce que je t'ai écris plus haut

...la dimension mini sera autour de 200px bords non compris.

la largeur mini est de 248px, mesurée, avec les bords compris, plus petit il ne sait pas faire.

Largeur maximale InfoWindow [Google Maps]

APIs Google

Discussions similaires

Partager

Partager