Google Maps v2 div à l'intérieur ou sur la carte

Je viens besoin de mettre un div (ou plus) à l'intérieur ou sur la carte, quelque chose comme un menu dans la zone de la carte,Google Maps v2 div à l'intérieur ou sur la carte

je besoin quand je charge ma carte ce div est là ...

css ne peut pas le faire correctement?

que div contient le code php ...

Source

2010-07-12 TiagoMartins

Voulez-vous votre div menu pour disparaître une fois que la carte est lancée? Ou voulez-vous qu'il reste flottant sur la carte? –

j'ai besoin de div flottant sur, merci – TiagoMartins

Oui, cela peut se faire facilement avec le positionnement CSS. Considérons le court exemple suivant:

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
    <title>Google Maps v2 API: Floating Div</title> 
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false" 
      type="text/javascript"></script> 
</head> 
<body onunload="GUnload()"> 

    <div style="position: relative;"> 
    <div id="map_canvas" style="width: 400px; height: 300px;"></div> 
    <div style="position: absolute; top: 0px; 
       width: 100px; height: 100px; background-color: grey;"> 
     Menu Here 
    </div> 
    </div> 

    <script type="text/javascript"> 
    var map = new GMap2(document.getElementById("map_canvas")); 
    map.setCenter(new GLatLng(38.00, -100.00), 3); 
    </script> 
</body> 
</html>

Screenshot:

Google Maps v2 API: Floating Div

Source

2010-07-12 00:25:00

merci, c'est parfait pour moi! – TiagoMartins

Cela a fonctionné pour moi sur Google Maps API3. Où les éléments déroulants de mon menu recouvrent maintenant Google Maps API3 dans le bon ordre.

C'est important de code CSS:

.menudropdown { 
    position: fixed; 
    z-index:2; 
} 

#map { 
    position: absolute; 
    z-index:1; 
}

Source

2012-04-23 13:16:18 albruno

Google Maps v2 div à l'intérieur ou sur la carte

Répondre

Questions connexes