web-dev-qa-db-fra.com

Comment faire flotter une div sur Google Maps?

J'ai un div qui affiche une carte Google.

Comment faire en sorte qu'un autre div flotte sur la carte div?

58
Adham

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>
128
Dan
#floating-panel {
  position: absolute;
  top: 10px;
  left: 25%;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  font-family: 'Roboto','sans-serif';
  line-height: 30px;
  padding-left: 10px;
}

Il suffit de déplacer la carte en dessous de cette case. Travaille pour moi.

De Google

15
Matheus

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;
}
4
Adrian Rodriguez