2013-02-18 10 views
8

Ho cercato questa domanda per un po 'di tempo e tutto quello che ho è mal di testa. Aggiungo google marker con infobox sulla mia mappa di google, ma il riquadro delle informazioni si trova più in basso del marker, in ogni caso mi piacerebbe davvero che fosse sopra l'indicatore. Qualcuno sa come farlo?google map infobox posizione

E per favore non Gove alcuni link a qualche parte, che stavo vedendo per un tempo moooolto oggi. Grazie in anticipo.

risposta

14

impostare alignBottom -proprietà di infoBox su true (l'impostazione predefinita è false). Per ulteriori regolazioni della posizione utilizzare pixelOffset -proprietà di infoBox

+0

Quello che ho in questo momento è già al lavoro come previsto, l'infobox è già sulla parte superiore del marcatore. Ho anche un div sulla parte superiore della mappa, e in alcune occasioni, l'infobox è sovrapposto. Come posso regolare l'infobox in modo tale che quando l'infobox viene sovrapposto dal div, regolerà la sua posizione, rendendola più bassa della posizione abituale? Grazie in anticipo. –

4

Per impostazione predefinita, l'informazione punta in basso a sinistra dell'indicatore. Si può semplicemente fare questo:

var ib= new InfoBox({ 
    ....//other properties, 
    pixelOffset: new google.maps.Size(-25, 0) //where your marker's height is 25px 
}); 
+3

Penso che il primo numero sia 'x-offset' (larghezza) e il secondo è' y-ofset' (altezza). Almeno questo è quello che stavo vedendo quando ho aggiunto questo alle mie impostazioni InfoBox – hellatan

2
infobox = new InfoBox({ 
     content: document.getElementById("infobox"), 
     disableAutoPan: false, 
     maxWidth: 150, 
     pixelOffset: new google.maps.Size(-140, -45), 
     zIndex: null, 
     boxStyle: { 
      background: "url('http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/tipbox.gif') 0% 100% no-repeat", 
      opacity: 0.75, 
      width: "280px" 
     }, 
     infoBoxClearance: new google.maps.Size(1, 1), 
     alignBottom: true 
    }); 


#infobox { 
    border:2px solid black; 
    margin-bottom: 8px; 
    background:#333; 
    color:#FFF; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    padding: .5em 1em; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    border-radius: 2px; 
    text-shadow:0 -1px #000000; 
    -webkit-box-shadow: 0 0 8px #000; 
    box-shadow: 0 0 8px #000; 
} 

// Carica la freccia su misura, da quello locale