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>
Partager