2013-12-12 13 views

risposta

0

Per le persone che utilizzano Google Maps API v2, questa funzione si aprirà una finestra di informazioni con no chiudere l'icona:

openInfoWindowHtml(html, { 
    maxWidth: 200, buttons: { close: { visible: false } } 
}); 
+0

dove posso inserire nel mio codice. il mio codice di esempio 'marker.setMap (mappa); $ ('body'). Append ('

') \t $ ("# targetdiv"). Load ('ProgressBar1.jsp'); \t var innerhtml = document.getElementById ("targetdiv"); \t var infowindow = new google.maps.InfoWindow ({ \t contenuto: innerHTML, \t maxwidth: 200, \t pulsanti: {close: {visibile: false}}, \t \t \t}); \t \t infowindow.open (mappa, indicatore); \t //openInfoWindowHtml(document.getElementById("targetdiv "), {maxWidth: 200, pulsanti: {chiudi: {visibile: falso}}}); \t marker.setMap (mappa); ' – Visva

+0

Hai già il codice:' pulsanti: {chiudi: {visibile: falso}} '. Dovrebbe funzionare, quale browser stai usando? – Shahe

+0

sto usando mozilla firefox 24.0 – Visva

30

È possibile nascondere il pulsante di chiusura con i CSS:

.gm-style-iw + div {display: none;} 
+0

Semplice ed efficace! – Giorgio

0

l'ho fatto l'impostazione closeBoxURL a una stringa vuota sull'oggetto opzioni

infoboxOptions = { 

    closeBoxURL: '', 
    ... 

} 

var infobox = new InfoBox(infoboxOptions); 
2

Ho provato tutti i suggerimenti sopra, ma fallito. Ho provato a utilizzare jquery $('.gm-style-iw').next().hide(), non ha funzionato bene.

Questo è ciò che ha funzionato per me, nel caso qualcuno ne avesse bisogno. Questo è quello che ho fatto con GMAP API V3.

.gm-style .gm-style-iw + div { 
    display: none; /* <-- this will generally work on the fly. */ 
    visibility: hidden; /* this 2 lines below are just for hard hiding. :) */ 
    opacity: 0; 
} 

In generale, ciò che fa è, sembra per il fratello diretta di quella gm-style-iw che viene creato in modo dinamico dall'API. Lo div proprio accanto allo gm-style-iw è il pulsante di chiusura.

Spero che questo aiuti. :)

0

Si può provare questo

.gm-style-iw + div{ display: none; } // hide div 

.gm-style-iw + div + img{ display: none; } // hide img 
Problemi correlati