Comment faire flotter une div sur google maps

Question

J'ai un div qui affiche une carte Google.

Comment puis-je développer une autre div pour flotter sur cette div?

Answer 1

Essaye ça:

 <style>
   #wrapper { position: relative; }
   #over_map { position: absolute; top: 10px; left: 10px; z-index: 99; }
</style>

<div id="wrapper">
   <div id="google_map">

   </div>

   <div id="over_map">

   </div>
</div>
 

Answer 2

Il suffit de définir la position de la div et vous devrez peut-être définir le z-index.

ex.

 div#map-div {
    position: absolute;
    left: 10px;
    top: 10px;
}
div#cover-div {
    position:absolute;
    left:10px;
    top: 10px;
    z-index:3;
}
 

Answer 3

le positionnement absolu est diabolique ... cette solution ne prend pas en compte la taille de la fenêtre. Si vous redimensionnez la fenêtre du navigateur, votre div sera hors de propos!