Come posso mettere un div html sul plug-in di Google Earth? Coinvolge wmode, immagino

Question

Ho problemi a la posa di un div html sul Google Earth Plugin in un'applicazione web, tutto l'aiuto sarebbe apprezzato.

E 'bene per Map, il terreno e la modalità ibrida, ma in modalità ' Terra ', la calci Flash in e automaticamente strati la mappa in alto .

Z-indicizzazione non aiuta.

Probabilmente avrei potuto fare qualcosa di simile:

document.getElementById('flashDiv').setAttribute('wmode', 'opaque');

ma dato che la roba di Google viene compilato al volo, lo rende molto più difficile. Visualizzazione del codice generato non ha aiutato qui. Anche in questo caso, a causa di essa in fase di compilazione al volo, roba come SWFObject non può salvare il giorno ...

Qualcuno ha incontrato qualcosa di simile? Ho passato la mattina pesca a strascico del gruppo API di Google Earth senza molto successo.

Aggiorna : Dopo più tirate di capelli, la risposta potrebbe trovarsi con una iframe shim . Forse ho anche saltato alla conclusione che il plugin è basato su Flash. Indagare ...

_{(fonte: googlepages.com )}

Answer 1

ho messo insieme una demo che mostra come utilizzare IFRAME spessori qui:

http: // terra-API-campioni. googlecode.com/svn/trunk/demos/customcontrols/index.html

Answer 2

Il non v'è alcun supporto diretto per sovrapporre 'z-indexing' un div sia nel Api o Dom. Il plug-in carica un file eseguibile che, in termini molto semplici, pugni un buco nella finestra del browser. Utilizzando la tecnica 'iframe shim' è la soluzione standard di trasparenza, anche se può essere difficile.

C'è un richiesta Caratteristica aperto per questa funzionalità da aggiungere alle API -. la sezione commenti ha alcune buone informazioni e collegamenti

Inoltre, v'è una grande linea demo di questo qui

Answer 3

Se si tratta di un plugin, quindi non è possibile inserire in modo affidabile gli altri elementi sopra la parte superiore di esso. I browser di solito lasciare andare la maggior parte della loro capacità di elementi 'layer' quando i plugin sono coinvolti.

Credo che un Iframe può essere un modo intorno ad esso, fino a quando si controlla che questo funziona ancora sulla maggior parte dei browser.

Answer 4

Dopo esaminando il modo in cui Google ha utenti incorporare il codice, sembra che sia con un iFrame. Eppure, se il vostro incorrere in eventuali problemi con un lampo, vedi sotto ...

L'esecuzione in situazioni simili con il tentativo di visualizzare un menu a discesa di navigazione su un elemento flash (o HTML in un video di YouTube). Ci sono stati alcuni fattori che entrano in gioco.

Il primo è stato il mio elemento HTML che ho voluto il mouse sopra l'elemento Flash doveva essere un elemento di pari livello html con le proprietà CSS impostate per ogni elemento di pari livello e anche per il div genitore. Così, per esempio:

<div id="parent">
  <div id="sibling"></div>
  <embed id=”flash”><other script code></embed>
</div>

Allora il mio css sarebbe

//.parent may not need to be set to relative
#parent   { position: relative; }
// the value on sibling1 just needs to be higher than .sibling2
#sibling  { position: relative; z-index: 20; }
#flash    { position: relative; z-index: 10; display:inline }

L'altra cosa degna di nota è il flash deve avere il parametro wmode impostato su trasparente.

Questo trucco ha lavorato per varie applicazioni flash così come YouTube Video di - il trucco è quello di assicurarsi che il codice HTML che si desidera visualizzare il flash è un elemento di pari livello al codice Flash reale e non il div genitore, la z indice del hTML per visualizzare il flash è superiore dell'elemento flash, entrambi gli elementi hTML hanno il loro posizionamento impostato sia relativo o assoluto, e il parametro wmode è definito come trasparente.

Speriamo che questo aiuta - ma la mia ipotesi è che il problema è con l'iFrame

.

Answer 5

set "iframe" z-index a 100

e impostare div che visualizza sopra z-index a 200 (div deve essere di almeno-posizione relativa)